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关于 译 者 : 这 是 一 个 流 消 着 沪 江 血液 的 纯粹 工程 : 认 丰 ， 是 HTML 最 坚实 的 梁 柱 ; 分 
享 ， 是 CSS 里 最 闪 焰 的 一 营 ; 总 结 ， 是 JavaScript 中 最 严谨 的 逻辑 。 经 过 手打 磨 练 ， 
成 就 了 本 书 的 中 文 版 。 本 书包 含 了 函数 式 编程 之 精 信 ， 项 望 可 以 帮助 大 家 在 学 习 郊 数 式 
编程 的 道路 上 走 的 更 顺畅 。 比 心 。 
本 书 主要 探索 函数 式 编程 [1](FP) 的 核心 思想 。 在 此 过 程 中 ， 作 者 不 会 执着 于 使 用 大 量 复杂 的 
概念 来 进行 诠释 ， 这 也 是 本 书 的 特别 之 处 。 我 们 在 JavaScript 中 应 用 的 仅仅 是 一 套 基本 的 函 
数 式 编程 概念 的 子 集 。 我 称 之 为 " 轻 量 级 函数 式 编程 (FLP)”。 
注释 : 题目 中 使 用 了 " 轻 量 "二 字 ， 然 而 这 并 不 是 一 本 "轻松 的 ”入门 级 "书籍 。 木 书 是 严谨 的 ， 
充斥 着 各 种 复杂 的 细节 ， 适 合 拥有 扎实 JS 知识 基础 的 阅读 者 进行 研读 。"“ 轻 量 " 意 味 着 范围 缩 
小 。 通 常 来 说 ， 关 于 函数 式 编程 的 JavaScript 书籍 都 热衷 于 拓展 阅读 者 的 知识 面 ， 并 企图 履 
瘟 更 多 的 知识 点 。 而 本 书 则 对 于 每 一 个 话题 都 进行 了 深入 的 探 完 ， 尽 管 这 种 探究 是 小 范围 进 
行 的 。 
让 我 们 面 对 这 个 事实 : 除非 你 已 经 是 函数 式 编程 高 手中 的 一 员 (至 少 我 不 是 1! ) ， 否 则 类 
似 " 一 个 单子 仅仅 是 自 函 子 中 的 么 半 群 "* 这 类 说 法 对 我 们 来 说 毫 无 意义 。 
这 并 不 是 说 ， 各 种 复杂 繁琐 的 概念 是 无 意义 的 ， 更 不 是 说 ， 函 数 式 编程 者 滥用 了 它们 。 一 旦 
你 完全 掌握 了 和 轻 量 的 函数 式 编程 内 容 ， 你 将 会 但 愿 会 想 要 对 函数 式 编程 的 各 种 概念 进行 更 
正式 更 系统 的 学 习 ， 并 且 你 一 定 会 对 它们 的 意义 和 原因 有 更 深入 的 理解 。 
但 是 我 更 想 要 让 你 能 够 现在 就 把 一 些 函 数 式 编程 的 基础 运用 到 JavaScript 编程 过 程 中 去 ， 
为 我 相信 这 会 帮助 你 写 出 更 优秀 的 ， 更 符合 还 辑 的 代码 。 


更 多 关于 本 书 背后 的 动机 和 各 种 观点 讨论 ， 请 参看 前 言 。 
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关于 出 版 


本 书 主要 在 on Leanpub 平台 上 以 电子 版 本 的 形式 进行 出 版 。 我 也 尝试 出 售 本 书 的 纸 质 版 本 ， 
但 没有 确定 的 方案 。 


除了 购买 本 书 以 外 ， 如 果 你 想 要 对 本 书 作 一 些 物质 上 的 捐赠 ， 请 在 patreon 上 进行 操作 。 本 
书 作者 感谢 你 的 慷慨 解 过 。 
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监 人 教学 课程 

本 书 内 容 大 多 源 自 于 我 教授 的 一 个 同名 课程 【以 公司 举办 的 公开 或 内 部 研 计 会 这 样 的 形式 进 
行 ) 0° 

http://getify.me 


如 果 你 喜欢 本 书 的 内 容 ， 并 希望 组 织 此 类 课程 ， 或 者 组 织 关 于 其 他 JSHTML5Node.js 课 
程 ， 请 通过 以 下 方式 联系 我 : http://getify.me 


在 线 视频 课程 


我 还 提供 一 些 可 以 在 线 点 播 的 JS 培训 课程 。 我 在 Frontend Masters 上 开办 课程 ， 例 如 我 的 
Functional-Lite JS 研讨 会 。 还 有 一 些 课程 发 布 在 PluralSight 上 。 


Contributions 


非常 欢迎 对 于 本 书 的 任何 内 容 贡 献 。 但 是 在 提交 PR 之 前 请 务必 认真 阅读 Contributions 
Guidelines。 
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1. </a > FP， 本 书 统称 为 函数 式 编程 。 


JavaScript 轻 量 级 函数 式 编程 


~ 


厅 


众所周知 ， 我 是 一 个 函数 式 编程 迷 。 我 尝试 阅读 最 新 的 学 术 论 文 ， 业 余 时 间 乃 至 工作 间隙 研 
究 抽 象 代数 〈 译 者 注 : 抽象 代数 又 称 近 世人 代数， 是 研究 各 种 抽象 公理 化 代数 系统 的 数学 学 
科 ， 也 是 现代 计算 机 理论 基础 之 一 ) ， 并 四 处 传播 函数 式 编程 的 理念 和 语言 。 我 所 书写 的 
JavaScript 代码 ， 每 一 条 语句 都 是 纯 的 。 没 错 ， 我 就 是 一 个 彻头彻尾 的 函数 式 编程 教条 式 的 
狂热 者 。 关 于 为 什么 要 写 纯 的 语句 ， 请 看 我 写 的 这 本 书 。 


其 实 我 以 前 并 不 是 这 样子 ... 我 曾 痪 迷 于 面向 对 象 ， 并 热 训 于 使 用 面向 对 象 的 方法 来 构建 “ 昌 实 
世界 ”*。 我 是 人 造 机 器 人 的 发 明 者 ， 夜 以 继 日 地 修正 机 器 人 以 达到 更 高 精度 的 控制 力 。 我 也 是 
有 意识 木偶 的 创造 者 ， 手 指 在 键盘 上 的 轻 舞 飞扬 赋予 了 它们 生命 。 做 为 黑客 界 的 盖 比 特 〈 译 
者 注 : 盖 比 特 是 玩具 之 父 ) ， 在 连续 不 间断 的 写 了 5 年 面向 对 象 的 代码 后 ， 我 对 于 这 些 成 果 
还 是 不 其 满意 。 整 个 过 程 也 并 不 顺利 ， 我 一 直 感 觉 自 己 是 一 个 糟糕 的 程序 员 ， 甚 至 失去 了 信 
心 ， 认 为 写 出 既 简 单 ， 又 灵活 同时 又 很 好 扩展 的 代码 是 不 可 能 的 。 


我 想 是 时 候 去 尝试 一 些 新 的 方法 了 ， 我 开始 涉足 函数 式 编程 的 理念 ， 并 把 它 用 在 我 的 代码 
中 。 我 的 同事 对 此 非常 惊 应， 他们 根本 不 知道 我 在 干什么 。 那 段 时 间 里 我 写 的 代码 非常 粒 
糕 、 另 人 生 厌 、 简 直 是 垃圾 。 造 成 这 样 结果 的 原因 是 我 缺少 一 个 目标 或 者 说 愿景 。 当 然 现 在 
那个 会 编码 的 蜂 缮 杰 明 尼 ( 译 者 注 : 原文 使 用 Jiminy-Coding-Cricket 迪士尼 动画 人 物 蜂 缮 术 
明 尼 来 暗 指 之 前 营 脚 的 自己 ) 已 经 不 在 了 。 在 花费 了 好 长 时 间 ， 写 了 好 多 垃圾 程序 后 我 才 弄 
明白 怎样 正确 进行 函数 式 编程 。 


现在 ， 经 历 了 那些 乱七八糟 的 探索 后 ， 我 感觉 到 纯 函 数 编程 实现 了 它 所 承诺 的 代码 可 读 性 和 
可 复 用 。 我 不 再 发 明 而 是 发 现 我 的 模型 ， 我 像 一 个 正在 揭 开 巨大 阴谋 的 侦探 ， 在 软木 板 上 箱 
满 了 数学 证 据 。 一 个 数字 时 代 的 库 斯 托 ( 译 者 注 : 库 斯 托 是 个 传奇 式 的 人 物 ， 探 险 家 、 电 影 
制 片 人 ， 一 个 享有 戴高乐 将 军 一 样 世界 性 声誉 的 法 国人 ， 作 者 比喻 自己 学 习 函 数 式 编程 就 像 
库 斯 托 探索 海洋 一 般 ) 以 科学 的 名 义 记录 下 了 这 片 奇 特 土地 的 特征 ! 虽然 并 不 完美 ， 仍 有 很 
多 东西 要 学 习 ， 但 我 对 我 的 工作 和 产 出 从 未 有 过 现在 这 般 满 意 ! 


假如 一 开始 就 有 这 本 书 ， 我 探索 纯 函 数 式 编程 世界 的 道路 就 会 更 平坦 一 点 ， 而 不 是 荆 环 满 
地 。 本 书 有 两 层 : 第 一 层 教会 你 如 何在 每 天 的 编码 工作 中 ， 有 效 地 使 用 各 种 各 样 的 函数 式 构 
造 方法 。 另 一 层 则 更 重要 ， 本 书 会 提供 一 个 准星 ， 确 保 你 不 会 偏离 函数 式 编程 的 原则 。 
函数 式 编程 是 一 种 编程 范式 ，Kyle 倡导 使 用 它 来 实现 声明 式 编程 和 函数 式 编程 ， 同 时 该 范式 
还 可 以 与 JavaScript 世界 形成 平衡 和 互动 。 通 过 学 习 本 书 ， 你 无 需 彻 底 理解 范式 的 一 切 ， 就 
能 了 解 纯 函 数 式 编程 的 基础 ; 你 无 需 重 新 创造 轮子 ， 就 能 获得 练习 和 探索 函数 式 编程 的 技 


EE ， 并 让 代码 运行 良好 ; 你 无 需 像 我 之 前 一 样 漫 无 目的 地 徘徊 、 甚 至 走 回头 路 就 能 让 你 的 职 
Te 。 你 的 合作 者 和 同事 们 一 定 会 欣喜 若 狂 ! 


Kyle ( 译 者 注 : Kyle 是 火爆 全 球 的 《你 不 知道 的 JavaScript》 一 书 原作 者 ) 是 一 位 伟大 的 老 
师 ， 他 对 函数 式 编程 的 宏伟 蓝图 不 懈 追 求 ， 不 放 过 任何 一 个 角落 和 缝隙 ， 同 时 他 也 车 学 习 者 
之 苦 。 他 的 风格 与 行业 产生 共鸣 ， 将 大 家 的 水 平整 体 提 高 了 一 个 档次 。 他 的 工作 成 果 不 仅 出 
现在 很 多 人 的 收藏 天 中 ， 也 在 JavaScript 发 展 历史 上 占据 坚实 地 位 。Kyle 老师 是 绝世 高 手 ， 
你 值得 拥有 。 


函数 式 编程 有 很 多 种 定义 。Lisp 程序 员 和 Haskell 程序 员 对 于 函数 式 编程 的 定义 截然 不 同 。 
OCaml 和 Erlang 语言 对 于 函数 式 编程 范式 的 看 法 也 大 相 径 庭 。 即 使 在 同一 种 语言 JavaScript 
中 ， 你 也 能 看 到 函数 式 编程 不 同 的 定义 。 但 总 有 一 种 纽带 把 这 些 不 同 的 函数 式 编程 连接 在 一 
起 ， 这 个 纽带 是 一 个 有 些 模糊 的 "我 一 看 就 知道 "的 定义 ， 这 听 起 来 有 点 下 流 (有 人 确实 觉得 函 
人 。 本 书 旨 在 抓 住 这 个 纽带 ， 并 不 让 你 学 习 某 些 圈子 的 国定 习 语 ， 而 是 让 你 获 
取 相 关 和 知识， 这 些 知 识 不 论 在 哪个 语言 的 函数 式 编程 中 都 适用 


本 书 是 你 开启 函数 式 编程 旅途 的 绝 佳 起 点 。 开 始 吧 ，Kyle 老师 .… 


-Brian Lonsdorf (@drboolean) 


JavaScript 轻 量 级 函数 式 编程 


单子 是 自 函 子 范畴 上 的 一 个 么 半 群 


有 尝 头 转向 吗 ? 不 要 担心 9 我 自 己 也 被 绕 蛙 了 | 对 于 那些 已 经 了 解 函数 式 编程 的 人 来 说 要 
些 专业 术语 才 有 意义 ， 然 而 对 于 大 部 分 人 而 言 ， 它 们 没有 任何 意义 。 


这 本 书 并 不 打算 教 你 以 上 那些 专业 术语 的 具体 含义 。 如 果 那 正 是 你 想 查找 的 ， 请 继续 查阅 。 
事实 上 ， 已 经 有 很 多 从 头 到 尾 (正确 的 方式 ) 介绍 郊 数 式 编程 的 书 了 。 ws 
数 式 编程 ， 这 些 专业 术语 有 很 重要 的 意义 ， 你 肯定 会 对 这 些 专业 术语 越 来 越 熟 悉 。 


但 是 本 书 打算 以 另 一 种 方式 讲解 函数 式 编程 。 我 将 从 函数 式 编程 的 一 些 基础 概念 讲 起 ， 并 尽 
可 能 少 用 星 汲 难 懂 的 专业 术语 。 我 们 将 尝试 以 更 实用 的 方法 来 探讨 函数 式 编程 ， 而 非 纯粹 的 
学 术 角 度 。 毫 无 疑问 ， 肯 定 会 有 专业 术语 。 但 是 我 将 会 小 心 说 惯 的 引入 这 些 术语 并 解释 为 何 
它们 如 此 重要 。 


可 砷 的 是 我 并 非 酷 酷 的 函数 式 编程 俱乐部 的 一 员 。 我 从 没有 正式 学 过 函数 式 编程 。 尽 管 我 有 
计算 机 方面 的 教育 背景 并 对 数学 有 一 定 了 解 ， 但 数学 符号 跟 我 理解 的 编程 完全 是 两 回 事 。 我 
从 来 没 写 过 一 行 Scheme、Clojure 或 Haskell 代码 ， 也 不 是 老 派 的 Lisp 程序 员 。 


我 曾 参 加 过 不 计 其 数 的 讨论 函数 式 编程 的 会 议 ， 每 次 部 希望 能 彻底 搞 明白 函数 式 编程 中 那些 
神秘 的 概念 到 底 是 什么 意思 。 然 而 每 次 我 都 失望 而 归 ， 那 些 概 念 在 我 脑海 里 乱 成 一 团 ， 我 基 
至 不 清楚 自己 学 了 些 什么 。 也 许 我 学 到 了 些 东西 吧 ， 但 是 很 长 时 间 以 来 我 都 不 能 确定 自己 学 
到 了 什么 


通过 不 断 的 编程 实践 ， 而 非 站 在 学 术 的 角度 ， 我 慢 慢 的 理解 了 那些 对 函数 式 编程 者 [1] 来 说 很 
简单 直 白 的 重要 概念 。 你 是 否 也 有 类 似 的 经 历 一 ”你 早 就 知道 一 件 事 ， 但 直到 很 久之 后 你 突 
然 发 现 它 竟然 还 有 一 个 你 从 来 不 知道 的 名 字 1 ? 


也 许 你 像 我 一 样 ; 好 几 年 前 就 听 说 过 像 "map-reduce”，“big data" 等 这 些 术语 ， 但 并 不 懂 它 们 
的 实际 意义 。 最 终 我 明白 了 map(..) 函 数 到底 做 了 哪些 事情 在 我 知道 列表 操作 是 通 向 函数 
式 编程 者 之 路 的 基石 ， 并 且 为 何 它们 如 此 重要 之 后 。 我 知道 映射 很 久 了 ， 其 至 在 我 知道 

叫 map(..) 之 前 。 


最 终 我 开始 整理 这 些 想 法 并 将 它们 称 之 为 『 轻 量 级 函数 式 编程 | (FLP) 。 


使 命 


但 是 ， 为 什么 学 习 函 数 式 编程 如 此 重要 ， 即 便 只 是 学 习 轻 量 级 函数 式 编程 ? 


最 近 几 年 我 越 来 越 深 刻 的 理解 到 编程 的 核心 是 人 ， 而 不 是 代码 ， 我 其 至 将 其 视 为 一 种 信仰 。 
我 坚信 代码 只 是 人 类 交流 的 手段 ， 只 是 它 产生 的 副作用 〈 仿 佛 听 到 了 自我 引用 的 笑 声 ) 才 对 
电脑 发 出 具体 指令 。 


在 我 看 来 ， 函 数 式 编程 的 核心 在 于 让 你 在 编程 时 使 用 一 些 广为人知 、 易 于 理解 的 模式 。 经 过 
验证 ， 这 些 模式 可 以 有 效 隔 离 让 代码 难以 理解 的 错误 。 所 以 ， 函 数 式 编程 咳 ， 轻 量 级 函 
数 式 编程 一 一 是 每 个 开发 者 都 可 以 掌握 的 重要 工具 之 一 。 





monad 的 含义 是 ， 一 旦 你 搞 懂 了 ， 你 就 无 法 跟 别 人 解释 什么 是 monad 了。 
Douglas Crockford 2012 "Monads and Gonads" 
https://www.youtube.com/watch?v=dkZFtimgAcM 


我 希望 这 本 书 有 可 能 打破 上 面 的 诅咒 ， 尽 管 我 们 要 到 最 后 的 附录 部 分 才 开 始 讨论 

[monad」 。 

科班 出 身 的 函数 式 编程 者 经 常 宣 称 只 有 100% 使 用 函数 式 编程 才 算 是 真正 地 使 用 函数 式 编 
程 : 这 是 一 种 要 么 全 有 要 人 么 全 无 的 主张 。 它 会 让 人 觉得 如 果 编 程 时 只 有 一 部 分 使 用 了 函数 式 
编程 而 另 一 部 分 没 用 到 ， 整 个 程序 会 被 那些 没有 使 用 函数 式 编程 的 部 分 污染 ， 从 而 认为 使 用 
函数 式 编程 并 不 值得 。 

我 想 明 确 地 说 : 我 认为 绝对 主义 并 不 存在 。 这 没有 意义 ， 就 像 思 夸 地 建议 我 只 有 使 用 完美 的 
语法 ， 这 本 书 才 算 完 美 ， 如 果 犯 了 一 点 点 错误 ， 就 会 让 整 本 书 质量 变 低 一 样 。 

我 写 地 越 清 楚 ， 前 后 越 一 致 ， 你 阅读 此 书 的 体验 将 越 好 。 但 我 不 是 一 个 完美 无 缺 的 作者 。 有 
些 章 节 可 能 比 另外 一 些 写 的 好 。 但 是 那些 有 待 提高 的 章节 不 会 使 书 中 写 的 好 的 部 分 黯然 失 
色 。 

同样 的 道理 也 适用 于 代码 。 随 着 你 越 来 越 多 的 使 用 函数 式 编程 的 模式 ， 你 的 代码 质量 会 越 来 
越 高 。25% 的 时 间 使 用 它们 ， 你 会 得 到 一 些 好 处 。80% 的 时 间 使 用 它们 ， 你 将 收益 更 多 。 
除了 几 处 仅 存 的 特例 ， 你 不 会 在 本 书 里 看 到 很 多 绝对 的 论断 。 我 们 讨论 的 是 要 追求 的 目标 和 
现实 中 方方面面 的 权衡 。 

欢迎 来 到 最 实用 的 函数 式 编程 的 学 习 之 旅 。 我 们 将 共同 探讨 学 习 ! 


1. </a > FPer， 本 书 统 称 为 函数 式 编程 者 。 


JavaScript 轻 量 级 函数 式 编程 


第 1 : 为 什么 使 用 函数 式 编程 ? 


有 函数 式 编程 人 员 : 没有 任何 一 人 证 有 函数 式 编程 者 会 把 变量 命 名 为 x 函数 命名 为 f， 模块 代 
码 命名 为 “zygohistomorphic prepromorphism”。 


James lry @jamesiry 5/13/15 
https://twitter.com/jamesiry/status/598547781515485184 


函数 式 编程 (FP) ， 不 是 一 个 新 的 概念 ， 它 几乎 贯穿 了 整个 编程 史 。 我 不 确定 这 么 说 是 否 合 
理 ， 但 是 很 确定 的 一 点 是 : 直到 最 近 几 年 ， 函 数 式 编程 才 成 为 整个 开发 界 的 主流 观念 。 所 以 
我 觉得 函数 式 编程 领域 更 像 学 者 的 领域 。 


然而 一 切 都 在 变 。 不 只 是 从 编程 语言 的 角度 ， 一 些 库 和 框架 都 对 函数 式 编程 的 兴趣 空前 高 
涨 。 你 很 可 能 也 在 读 相 关内 容 ， 因 为 你 终于 意识 到 函数 式 编程 是 不 容 忽视 的 东西 。 或 者 你 跟 
我 一 样 ， 已 经 党 试 很 多 次 去 学 函数 式 编程 ， 但 却 很 难 理解 所 有 的 术语 或 数学 符号 。 


无 论 你 出 于 何 目的 翻阅 本 书 ， 欢 迎 加 入 我 们 ! 


置信 度 


我 有 一 个 非常 简单 的 前 提 ， 这 是 我 作为 软件 开发 老师 (JavaScript) 所 做 的 一 切 基 础 : 你 不 能 
信任 的 代码 是 你 不 明白 的 代码 。 此 外 ， 对 你 不 信任 或 不 明白 的 代码 ， 你 将 不 能 确定 这 些 代码 
是 否 符合 你 的 业务 场景 。 代 码 运 行 时 也 只 能 祈求 好 运 


信任 是 什么 意思 ?信任 是 指 你 通过 读 代 码 ， 不 仅 是 跑 代 码 ， 就 能 理解 这 段 代 码 能 干什么 事 ， 
而 不 只 是 停留 在 它 可 能 是 干什么 的 层面 。 也 许 我 们 不 应 SA 来 验 
证 程序 的 正确 性 。 我 并 不 是 说 测试 不 好 ， 而 是 说 我 们 应 该 对 代码 了 如 指 掌 ， 这 样 我 们 在 运行 
测试 代码 之 前 就 会 知道 它 肯 定 能 跑 通 。 


通过 读 代码 就 能 对 我 们 的 程序 更 有 信心 ， 我 相信 有 函数 式 编程 技术 的 基础 构成 ， 是 本 着 这 种 心 
态 设计 的 。 理 解 函 数 式 编程 并 在 程序 中 用 心 实践 的 人 ， 得 益 于 函数 式 编程 已 经 被 证 实 的 原 
则 ， 能 够 写 出 可 读 性 高 和 可 验证 的 代码 ， 来 达到 他 们 想 要 的 目的 。 

我 希望 你 能 通过 理解 轻 量 级 函数 式 编程 的 原则 ， 对 你 编写 的 代码 更 有 信心 ， 并 且 能 在 之 后 的 
路 上 越 走 越 好 。 


函数 式 编程 为 何如 此 重要 ?为 了 回答 这 个 问题 ， 我 们 退 一 万 步 先 来 讨论 一 下 编程 本 身 的 重要 
小 0° 


我 认为 代码 不 是 电脑 中 的 一 堆 指 令 ， 这 么 说 你 可 能 感到 很 奇怪 。 事 实 上 ， 代 码 能 指示 电脑 运 
行 就 是 一 个 意外 的 惊喜 。 


我 深信 代码 的 主要 作用 是 方便 人 与 人 交流 。 


根据 以 往 经 验 你 可 能 知道 ， 有 时 候 花 很 多 时 间 “ 编 程 " 其 实 只 是 读 现 有 的 代码 。 我 们 的 大 部 分 时 
间 其 实 都 是 在 维护 别人 的 代码 (或 自己 的 老 代 码 ) ， 只 有 少 部 分 时 间 是 在 敲 新 代码 。 


你 知道 研究 过 这 个 话题 的 专家 给 出 了 怎样 的 数据 吗 ? 我 们 在 维护 代码 过 程 中 70% 的 时 间 花 在 
了 阅读 和 理解 代码 上 。 也 难怪 全 球 程序 员 每 天 的 平均 代码 行 数 是 5 行 。 我 们 一 天 花 七 个 半 小 
时 用 来 读 代码 ， 然 后 找 出 这 5 行 代码 应 该 写 在 哪里 。 


我 想 我 们 应 该 更 多 的 关注 一 下 代码 的 可 读 性 。 可 能 的 话 ， 不 妨 多 花 点 时 间 在 可 读 性 上 。 顺 便 
提 一 句 ， 可 读 性 并 不 意味 着 最 少 的 代码 量 ， 对 代码 的 熟悉 程度 也 会 影响 代码 的 可 读 性 (这 
点 也 是 被 证 实 过 的 ) 。 


因此 ， 如 果 我 们 要 花费 更 多 的 时 间 来 关注 代码 的 可 读 性 和 可 理解 性 ， 那 么 函数 式 编程 为 我 们 
提供 了 一 种 非常 方便 的 模式 。 函 数 式 编程 的 原则 是 完善 的 ， 经 过 了 深入 的 研究 和 审查 ， 并 且 
可 以 被 验证 。 

如 果 我 们 使 用 函数 式 编程 原则 ， 我 相信 我 们 将 写 出 更 容易 理解 的 代码 。 一 旦 我 们 知道 这 些 原 
则 ， 它 们 将 在 代码 中 被 识别 和 熟悉 ， 这 意味 着 当 我 们 读 取 一 段 代 码 时 ， 我 们 将 花费 更 少 的 时 
间 来 进行 定位 。 我 们 的 重点 将 在 于 如 何 组 建 所 有 已 知 的 “乐高 片段 "， 而 不 是 这 些 “ 乐 高 片段 "是 
什么 意思 。 

函数 式 编程 是 编写 可 读 代 码 的 最 有 效 工具 之 一 (可 能 还 有 其 他 ) 。 这 就 是 为 什么 函数 式 编程 
如 此 重要 。 


可 读 性 曲线 


很 重要 的 是 ， 我 先 花 点 时 间 来 讲述 一 种 多 年 来 让 我 感到 困惑 和 肖 责 的 现象 ， 在 写本 书 时 该 问 
题 尤 为 尖锐 。 

这 也 可 能 是 许多 开发 人 员 会 遇 到 的 问题 。 亲 爱 的 读者 ， 当 你 读 这 篇 文章 的 时 候 ， 你 可 能 会 发 
现 自己 也 会 遇 到 同样 的 状况 。 但 是 要 振作 起 来 ， 坚 持 下 去 ， 陡 峭 的 学 习 曲 线 总 会 过 去 。 


Where many 
developers give up 
”on learning FP 
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我 们 将 在 下 一 章 更 深入 的 讨论 这 个 问题 。 但 是 你 可 能 写 过 一 些 命令 式 的 代码 ， 像 if 语句 和 
for 循环 这 样 的 语句 。 这 些 语句 旨 在 精确 地 指导 计算 机 如 何 完 成 一 件 事情 。 声 明 式 代码 ， 以 
及 我 们 努力 遵循 函数 式 编程 原则 所 写 出 的 代码 ， 更 专注 于 描述 最 终 的 结果 。 


还 有 个 残酷 的 问题 摆 在 眼前 ， 我 在 写本 书 时 花费 了 很 多 时 间 在 此 问题 上 : 我 需要 花费 更 多 的 
精力 和 编写 更 多 的 代码 来 提高 代码 的 可 读 性 ， 尽 量 减 少 乃至 消除 可 能 会 引入 程序 错误 的 代码 
部 分 

如 果 你 期 望 用 函数 式 编程 重 构 过 的 代码 能 够 立刻 变 得 更 美观 、 优 雅 、 智 能 和 简洁 的 话 ， 这 个 
有 点 不 太 现 实 ， 这 个 变化 是 需要 一 个 过 程 的 。 


函数 式 编程 以 另 一 种 方式 来 思考 代码 应 该 如 何 组 织 才能 使 数据 流 更 加 明显 ， 并 能 让 读者 很 快 
理解 你 的 思想 。 这 种 努力 是 非常 值得 的 ， 然 而 过 程 很 艰 在 ， 你 可 能 需要 花 很 多 时 间 基 于 有 函数 


式 编程 来 调整 代码 直到 代码 可 读 性 变 得 好 一 些 。 


另外 ， 我 的 经 验 是 ， 转 换 为 声明 式 的 代码 之 前 ， 大 约 需 要 做 六 次 尝试。 对 我 来 说 ， 编 写 符合 
函数 式 编程 的 代码 更 像 是 一 个 过 程 ， 而 不 是 从 一 个 范例 到 另 一 个 范例 的 二 进 制 转换 。 

我 也 会 经 常 对 写 过 的 代码 进行 重 构 。 就 是 说 ， 写 完 一 段 代 码 ， 过 几 个 小 时 或 一 天 再 看 会 有 不 
一 样 的 感觉 。 通 常 ， 重 构 之 前 的 代码 是 比较 混乱 不 堪 ， 所 以 需要 反复 调整 。 

函数 式 编程 的 过 程 并 没有 让 我 在 艺术 的 画布 上 笔下 生 辉 ， 让 观众 拍案 叫好 。 相 反 ， 编 程 的 过 
程 很 艰 弟 且 历历 在 目 ， 感 觉 像 坐 在 一 辆 不 靠 谱 的 马车 穿 过 一 片 杂 草丛 生 的 灌木 树林 。 

我 并 不 是 试图 打消 你 的 激情 ， 而 是 趴 切 希 望 你 也 能 够 在 编程 的 道路 上 披荆斩棘 。 过 后 我 终于 
看 到 可 读 性 曲线 向 上 延伸 ， 所 有 付出 都 是 值得 的 ， 7 


接受 


我 们 要 系统 的 学 习 函 数 式 编程 ， 探 索 发 现 最 基本 的 原则 ， 我 相信 规范 的 函数 式 编程 编程 者 会 
遵循 这 些 原则 并 把 它们 作为 开发 的 框架 。 但 在 大 多 数 情况 下 ， 我 们 大 都 选择 避 开 了 睡 涩 的 术语 
或 数学 符号 ， 否 则 很 容 多 使 学 习 者 受挫 。 


我 觉得 一 项 技术 你 怎么 称呼 它 不 重要 ， 重 要 的 是 理解 它 是 什么 并 且 它 是 怎么 工作 的 。 这 并 不 
是 说 共享 术语 不 重要 ， 它 无 疑 可 以 简化 经 验 丰 富 的 专业 人 士 之 间 的 交流 。 但 对 学 习 者 来 说 ， 
它 有 点 分 散人 的 注意 力 。 


所 以 我 布 望 这 本 书 能 更 多 地 关注 基本 概念 而 不 是 花哨 的 术语 。 这 并 不 是 说 没有 术语 ， 肯 定 会 
有 “。 但 不 要 太 沉 迷 于 华丽 的 词 党 ， 追 寻 其 背后 的 含义 ， 这 正 是 本 书 的 目的 。 


我 把 这 种 欠缺 正式 实践 的 编程 思想 称 为 “ 轻 量 级 函数 式 编程 ， 因 为 我 认为 gp a 
形式 主义 在 于 ， 因 为 我 认为 如 果 你 还 不 习惯 函数 式 编程 主张 的 思想 ， 你 可 能 很 难 用 它 

仅仅 只 是 猜测 ， 而 是 我 的 亲身 经 历 。 即 使 在 传教 辑 数 式 编程 过 程 和 完成 这 本 书 之 后 ， a 
可 以 说 ， 函数 式 编程 中 术语 和 符号 的 形式 化 对 于 我 来 说 是 非常 非常 困难 的 。 我 已 经 再 三 

试 ， 发 现 大 部 分 都 是 很 难 掌握 的 。 


我 知道 很 多 函数 式 编程 编程 者 会 认为 形式 主义 本 身 有 助 于 学 习 。 但 我 认为 这 是 一 个 坑 ， 当 你 

试图 用 形式 主义 获得 菜 种 安慰 时 ， 你 就 会 躁 坑 。 但 如 果 碰 巧 你 有 数学 背景 ， 基 至 还 有 一 些 CS 

经 验 ， 这 些 问题 对 你 来 说 就 可 能 驾轻就熟 。 但 是 我 们 中 的 一 些 人 不 具备 这 些 条 件 ， 不 管 我 们 
么 努力 ， 形 式 主义 总 是 阻碍 我 们 前 进 


因此 ， 这 本 书 介绍 了 一 些 我 认为 函数 式 编程 会 涉及 到 的 概念 ， 虽 然 不 能 直接 让 你 受益 但 可 以 
帮 你 逐步 理解 函数 式 编程 整个 过 程 。 


你 不 需要 它 


如 果 你 规划 一 个 项 目 花 了 很 长 时 间 ， 那 么 别人 一 定 会 告诉 你 "YAGNT 一 一 "你 不 需要 它 ”。 这 个 
原则 主要 来 自 极限 编程 ， 强 调 构建 特性 的 高 风险 和 成 本 ， 这 个 风险 和 成 本 源 自 于 项 目 本 身 是 
= 否 需 要 3 


有 时 我 们 考虑 到 将 来 可 能 会 用 到 一 个 功能 ， 并 且 认 为 现在 构建 它 能 够 使 得 构建 其 他 应 用 时 更 
容易 ， 后 来 意识 到 我 们 猜 错 了 ， 原 来 这 个 功能 并 不 需要 ， 或 者 需要 的 完全 是 另外 一 套 。 另 外 
一 种 情形 是 我 们 预 估 的 功能 是 正确 的 ， 但 构建 得 太 早 的 话 ， 相 当 于 占用 了 开发 现 有 功能 的 时 
间 。 有 点 像 赔 了 夫人 又 折 兵 。 


YAGNI 挑战 ， 告 诉 我 们 : 即使 有 的 功能 在 某 种 情况 下 是 反 直 觉 的 ， 我 们 也 常常 应 该 推迟 构建 ， 
直到 当前 需要 这 个 功能 。 我 们 倾向 于 夸大 一 个 功能 未 来 重 构 成 本 的 心理 估计 ， 但 往往 这 个 重 
构 是 在 将 来 需要 时 才 会 做 。 


上 述 情况 对 函数 式 编程 也 同样 适用 ， 不 过 我 还 是 要 先 禹 个 警钟 : 本 书包 含 了 大 量 你 想 去 尝试 的 
有 趣 的 开发 模式 ， 但 这 不 意味 着 你 的 代码 一 定 要 使 用 这 些 模式 。 


我 与 很 多 函数 式 编程 开发 人 员 的 不 同 之 处 在 于 : 你 掌握 了 函数 式 编程 并 不 意味 着 你 一 定 得 用 
它 。 此 外 ， 解 决 问题 的 方法 很 多 ， 即 使 你 掌握 了 更 精炼 的 方法 ， 能 对 维护 和 可 扩展 性 更 "经 得 
起 未 来 的 考验 "， 但 更 轻 量 的 函数 式 编程 模式 可 能 更 适合 该 场景 。 


一 般 来 说 ， 我 建议 你 在 代码 中 寻求 平衡 ， 并 且 当 你 掌握 函数 式 编程 的 诀窍 时 ， 在 应 用 的 过 程 
中 也 应 保持 说 愤 。 在 决定 某 个 模式 或 抽 畏 概 念 是 否 能 使 得 部 分 代码 可 读 性 提高 ， 或 是 否 只 是 
引入 更 智能 的 库 时 ，YAGNI 的 原则 同样 适用 。 


提醒 一 如， 一 些 未 曾 用 过 的 扩展 点 不 仅 浪费 精力 ， 而 且 可 能 妨碍 你 的 工作 。 
Jeremy D. Miller @jeremydmiller 2/20/15 
https://twitter.com/jeremydmiller/status/568797862441586688 


记 住 ， 你 编写 的 每 一 行 代码 之 后 都 要 有 人 来 维护 ， 这 个 人 可 能 是 你 的 团队 成 员 ， 也 可 能 是 未 
来 的 你 。 如 果 代 码 写 的 太 过 复杂 ， 那 么 无 论 谁 来 维护 都 会 对 你 炫 技 式 的 故 作 聪明 的 做 法 倍 感 
压力 。 


最 好 的 代码 是 可 读 性 高 的 代码 ， 因 为 它 在 正确 的 (理想 主义 ) 和 必然 的 (正确 的 ) 之 间 寻 求 
到 了 恰到好处 的 平衡 。 


把 它们 列 出 来 。 
书籍 推荐 
一 些 你 务必 要 阅读 的 函数 式 编程 /JavaScript 书籍 : 


e。 Professor Frisby's Mostly Adedquate Guide to Functional Programming by Brian 
Lonsdorf 

e。 JavaScript Allonge by Reg Braithwaite 

e。 Functional JavaScript by Michael Fogus 


博客 和 站 点 
一 些 其 他 作者 和 相关 内 容 供 查阅 : 


e。 Fun Fun Function Videos by Mattias P Johansson 
。 Awesome 函 数 式 编程 JS 


Kris Jenkins 
Eric Elliott 
e James A Forbes 


e。 James Longster 
e。 Andre Staltz 
Functional Programming Jargon 


Functional Programming Exercises 


一 些 库 


本 书 中 的 代码 段 不 使 用 库 。 我 们 发 现 的 每 一 个 操作 ， 将 派生 出 如 何在 独立 的 、 普 通 的 
JavaScript 中 实现 它 。 然 而 ， 当 你 We a 的 丨 正 代码 时 ， 你 很 快 就 会 
使 用 现 有 库 中 所 提供 的 更 可 靠 高 效 的 通用 功能 。 


顺便 说 一 下 ， 你 要 确保 检查 你 所 使 用 的 库 函 数 的 文档 ， 以 确保 你 知道 它们 是 如 何 工作 的 。 它 
与 本 文中 构建 的 代码 有 许多 相似 之 处 ， 但 毫 无 疑问 即便 跟 最 流行 的 库 相 比 还 是 会 存在 一 些 差 
异 O 

下 面 是 一 些 流 行 的 JavaScript 版 本 的 函数 式 编程 库 ， 可 以 开启 你 的 探索 之 路 : 


。 Ramda 

e。 lodash/fp 

e。 functional.js 
e。 Immutable.js 


附录 C 展示 了 用 到 了 本 书 中 一 些 示例 的 库 。 


区 结 


Eck 


八 


这 就 是 JavaScript 轻 量 级 函数 式 编程 。 我 们 的 目标 是 学 会 与 代码 交流 ， 而 不 是 在 符号 或 术语 
的 大 山下 被 压 的 喘 不 过 气 。 硕 望 这 本 书 能 开局 你 的 旅程 ! 


JavaScript 轻 量 级 函数 式 编程 


第 2 章 : 有 函数 基础 


函数 式 编程 不 是 仅仅 用 function 这 个 关键 词 来 编程 。 如 果 卜 这么 简单 ? 那 我 这 本 书 可 以 到 
此 为 止 了 1! 重点 在 于 : 函数 是 函数 式 编程 的 核心 。 这 也 是 如 何 使 用 函数 (function ) 才能 使 我 
们 的 代码 具有 函数 式 〈functional) 的 方法 。 


然而 ， 你 真 的 明白 函数 的 含义 吗 ? 


在 这 一 章 ， 我 们 将 会 介绍 函数 的 基础 知识 ， 为 阅读 本 书 的 后 续 章 节 打 下 基础 。 从 某 些 方面 来 
讲 ， 这 章 回 顾 的 函数 知识 并 不 是 针对 函数 式 编程 者 ， 非 函数 式 编程 者 同样 需要 了 解 。 但 如 果 
我 们 想 要 充分 、 全 面 地 学 习 函 数 式 编程 的 概念 ， 我 们 需要 从 里 到 外 地 理解 函数 。 


请 做 好 准备 ， 因 为 还 有 好 多 你 未 知 的 函数 知识 。 


日 2 米 
什么 是 函数 ? 
针对 函数 式 编程 ， 很 自然 而 然 的 我 会 想到 从 函数 开始 。 这 太 明显 不 过 了 ， 但 是 我 认为 我 们 需 
要 扎实 地 走 好 旅程 的 第 一 步 。 


所 以 …… 什 么 是 函数 ? 


简要 的 数学 回顾 


我 知道 我 曾 说 过 ， 离 数学 越 远 越 好 ， 但 是 让 我 们 暂且 忍 一 小 段 时 间 ， 在 这 段 时 间 里 ， 我 们 会 
尽快 地 回顾 在 代数 中 一 些 函 数 和 图 像 的 基本 知识 。 
你 还 记得 你 在 学 校 里 学 习 任何 有 关 f(x) 的 知识 吗 ? 还 有 方程 y = f(x) ? 


现 有 方程 式 定义 如 下 : f(x) = 2x2 + 3 。 这 个 方程 有 什么 意义 ? 它 对 应 的 图 像 是 什么 样 的 
呢 ?如 下 图 : 


你 可 以 注意 到 : 对 于 x 取 任 意 值 ， 例 如 2 ， 带 入 方程 后 会 得 到 11 。 这 里 的 11 代表 函 
数 的 返回 值 ， 更 简单 来 说 就 是 y 值 。 


根据 上 述 ， 现 在 有 一 个 点 (2,11) 在 图 像 的 曲线 上 ， 并 且 当 我 们 有 一 个 x 值 ， 我 们 都 能 获 
得 一 个 对 应 的 y 值 。 把 两 个 值 组 合 就 能 得 到 一 个 点 的 坐标 ， 例 如 (6,3) ， (-1,5) 。 当 把 
所 有 的 这 些 点 放 在 一 起 ， 就 会 获得 这 个 抛物 线 方程 的 图 像 ， 如 上 图 所 示 。 


所 以 ， 这 些 和 函数 式 编程 有 什么 关系 ? 


在 数学 中 ， 函 数 总 是 获取 一 些 输入 值 ， 然 后 给 出 一 个 输出 值 。 你 能 听 到 一 个 函数 式 编程 的 术 
语 叫做 “ 态 射 ”": 这 是 一 个 优雅 的 方式 来 描述 一 组 值 和 另 一 组 值 的 映射 关系 ， 就 像 一 个 函数 的 输 
入 值 与 输出 值 之 间 的 关联 关系 。 


在 代数 数学 中 ， 那 些 输 入 值 和 输出 值 经 常 代 表 着 绘制 坐标 的 一 部 分 。 不 过 ， 在 我 们 的 程序 
中 ， 我 们 可 以 定义 函数 有 各 种 的 输入 和 输出 值 ， 并 且 它 们 不 需要 和 绘制 在 图 表 上 的 曲线 有 任 
何 关系 。 

邓 数 vs 程序 

为 什么 所 有 的 讨论 都 围绕 数学 和 图 像 ? 因为 在 某 种 程度 上 ， 函 数 式 编程 就 是 使 用 在 数学 意义 
上 的 方程 作为 函数 。 


你 可 能 会 习以为常 地 认为 函数 就 是 程序 。 它 们 之 间 的 区 别 是 什么 ?程序 就 是 一 个 任意 的 功能 
集合 。 它 或 许 有 许多 个 输入 值 ， 或 许 没 有 。 它 或 许 有 一 个 输出 值 ( return 值 ) ， 或 许 没 
有 o 


而 函数 则 是 接收 输入 值 ， 并 明确 地 return 值 。 


如 果 你 计划 使 用 函数 式 编程 ， 你 应 该 尽 可 能 多 地 使 用 函数 ， 而 不 是 程序 。 你 所 有 编写 的 
function 应 该 接收 输入 值 ， 并 且 返 回 输 出 值 。 这 么 做 的 原因 是 多 方面 的 ， 我 们 将 会 在 后 面 的 
书 中 来 介绍 的 。 


部 数 输 入 


从 上 述 的 定义 出 发 ， 所 有 的 函数 都 需要 输入 。 
你 有 时 听 人 们 把 函数 的 输入 值 称 为 “arguments” 或 者 “parameters”。 所 以 它 到 底 是 什么 ? 


arguments 是 你 输入 的 值 ( 实 参 ) ，parameters 是 函数 中 的 命名 变量 ( 形 参 ) ， 用 于 接收 函 
数 的 输入 值 。 例 子 如 下 : 


Functaonn too(X yt 
Za 


} 
var a = 3; 


foo( ar a* 2 ); 


a 和 a*2 ( 即 为 6 ) 是 函数 foo(..) 调用 的 arguments。x 和 y 是 parameters， 
用 于 接收 参数 值 (分 别 为 3 和 6 )。 


注意 : 在 JavaScript 中 ， 实 参 的 个 数 没 必要 完全 符合 形 参 的 个 数 。 如 果 你 传 入 许多 个 实 参 ， 
而 且 多 过 你 所 声明 的 形 参 ， 这 些 值 仍然 会 原封 不 动 地 被 传 入 。 你 可 以 通过 不 同 的 方式 去 访 

问 ， 和 包含 了 你 以 前 可 能 听 过 的 老 办 法 arguments 对 象 。 反 之 ， 你 传 入 少 于 声明 形 参 个 数 
的 实 参 ， 所 有 缺少 的 参数 将 会 被 赋予 undefined 变量 ， 意 味 着 你 仍然 可 以 在 函数 作用 域 中 使 


用 它 ， 但 值 是 undefined 。 





输入 计数 


一 个 函数 所 “期 望 "的 实 参 个 数 是 取决 于 已 声明 的 形 参 个 数 ， 即 你 希望 传 入 多 少 参数 。 


Function roo( yz) rf 
J 
+ 


foo(..) 期 望 三 个 实 参 ， 因 为 它 声明 了 三 个 形 参 。 这 里 有 一 个 特殊 的 术语 : Arity。Arity 指 的 
是 一 个 函数 声明 的 形 参 数量 。 foo(..) 的 Arity 是 3。 


你 可 能 需要 在 程序 运行 时 获取 函数 的 Arity， 使 用 函数 的 length 属性 即 可 。 


fumetaon too(X Vy ZO 
A 
} 


foo.length; /We3 


在 执行 时 要 确定 Arity 的 一 个 原因 是 : 一 段 代码 接受 一 个 函数 的 指针 引用 ， 有 可 能 这 个 引用 指 
向 不 同 来 源 ， 我 们 要 根据 这 些 来 源 的 Arity 传 入 不 同 的 参数 值 。 


举 个 例子 ， 如 果 fn 可 能 指向 的 函数 分 别 期 望 1、2 或 3 个 参数 ， 但 你 只 希望 把 变量 x 放 
在 最 后 的 位 置 传 入 : 


// fn 是 一 些 函 数 的 引用 
// X 是 存在 的 值 





if (fn.length == 1) { 
fn( x ); 

} 

else if (fn,.length == 2) { 
fn( undefinedr xX ); 


} 
else if (fn.length == 3) { 
fm undefanedr undefnned, yx) 


提示 : 郊 数 的 length 属性 是 一 个 只 读 属 性 ， 并 且 它 是 在 最 初 声明 函数 的 时 候 就 被 确定 了 。 
它 应 该 当做 用 来 描述 如 何 使 用 该 函数 的 一 个 基本 元 数据 。 


需要 注意 的 是 ， 东 些 参数 列表 的 变量 会 让 length 属性 变 得 不 同 于 你 的 预期 。 别 紧张 ， 我 们 
， 章节 逐一 解释 这 些 特 性 (引入 ES6) 


function foo(x,y = 2) { 
A 


} 


functron barm(x eargso 
A 


} 


functron baz( {far by et 
A 


} 


foo.length; XA 
bar.length; ll 
baz.length; Ll 


如 果 你 使 用 这 些 形式 的 参数 ， 你 或 许 会 被 函数 的 length 值 吓 一 跳 。 


那 我 们 怎么 得 到 当前 函数 调用 时 所 接收 到 的 实 参 个 数 呢 ? 这 在 以 前 非常 简单 ， 但 现在 情况 稍 
微 复杂 了 一 些 。 每 一 个 函数 都 有 一 个 arguments 对 象 〈 类 数组 ) 存放 需要 传 入 的 参数 。 你 可 
以 通过 arguments 的 length 值 来 找 出 有 多 少 传 入 的 参数 : 


Fumetaon foo(X Vy ze 
console.log( arguments.length ); WA 


} 


00( 3040 > 


由 于 ES5 (特别 是 严格 模式 下 ) 的 _ arguments 不 被 一 些 人 认同 ， 很 多 人 尽 可 能 地 避免 使 用 。 
尽管 如 此 ， 它 永远 不 会 被 移 除 ， 这 是 因为 在 JS 中 我 们 “永远 不 会 ”因为 便利 性 而 去 牺牲 向 后 的 
兼容 性 ， 但 我 还 是 强烈 建议 不 要 去 使 用 它 


然而 ， 当 你 需要 知道 参数 个 数 的 时 候 ， arguments.length 还 是 可 以 用 的 。 在 未 来 版 本 的 JS 
或 许 会 新 增 特 性 来 替代 arguments .length ， 如 果 成 夏 ， 那 么 我 们 可 以 完全 把 arguments 抛 诸 
脑 后 。 


请 注意 : 不 要 通过 arguments[1] 访问 参数 的 位 置 。 只 要 记 住 arguments ,Jength ° 


除 此 之 外 ， 你 或 许 想 知道 如 何 访 问 那 些 超出 声明 的 参数 ? 这 个 问题 我 一 会 儿 会 告诉 你 ， 不 过 
你 先 要 问 自己 的 问题 是 ，“ 为 什么 我 想 要 知道 这 个 ?"。 认 真 地 思考 一 段 时 间 。 


发 生 这 种 情况 应 该 是 非常 罕见 的 。 因 为 这 不 会 是 你 需要 的 ， 也 不 会 是 你 编写 函数 时 所 必 
要 的 东西 。 如 果 这 种 情况 摊 的 发 生 ， 你 应 该 花 20 ot Wn ， 或 者 命名 那些 多 
出 来 的 参数 。 


带 有 可 变数 量 参数 的 函数 被 称 为 variadic。 有 些 人 更 喜欢 这 样 的 函数 设计 ， 不 过 你 会 发 现 ， 这 
正 是 函数 式 编程 者 想 要 避免 的 。 


好 了 ， 上 面 的 重点 已 经 讲 得 够 多 了 。 


例如 ， 当 你 需要 像 数组 那样 访问 参数 ， 很 有 可 能 的 原因 是 你 想 要 获取 的 参数 没有 在 一 个 规范 
的 位 置 。 我 们 如 何 处理 ? 


ES6 救星 来 了 |! 让 我 们 用 ..， 操 作 符 声 明 我 们 的 函数 ， 也 被 当做 “spread”、“rest” 或 者 
“gather (我 比较 偏爱 ) 提 及 。 


unetronNn ioo( VY zr Ar goed 
A 
} 


看 到 参数 列表 中 的 ...args 了 四 ? 那 就 是 ES6 用 来 告诉 解析 引擎 获取 所 有 剩余 的 未 命名 参 
数 ， Ce ee Ae args 的 数组 。 args 无 论 是 不 是 空 的 ， 它 永远 是 一 个 
数组 。 但 它 不 包含 已 经 命名 的 x ，y 和 z 参数 ， 只 会 包含 超出 前 三 个 值 的 传 入 参数 。 


hunetaonn too(X yz arngs) et 
console.log( x, y, z, args ); 


} 

foo( ); // undefined undefined undefined [] 
fooG lee2 3%); /eT 2 

OO 223 10 Vale 2 eA] 


| 
oo 1 J 


所 以 ， 如 果 你 诚心 想 要 设计 一 个 函数 ， 并 且 计 算出 任意 传 入 参数 的 个 数 ， 那 就 在 最 后 用 
..args 《或 任何 你 喜欢 的 名 称 ) 。 现 在 你 有 一 个 真正 的 、 好 用 的 数组 来 获取 这 些 参数 值 


需要 注意 的 是 : 4 所 在 的 位 置 是 args 的 第 6 个 ， 不 是 在 第 3 个 位 置 。 它 的 length 
值 也 不 包含 1、2 和 3 ，...args 剩 下 所 有 的 值 , 但 不 包括 x、 y 和 z。 


你 甚至 可 以 直接 在 参数 列 中 使 用 ..， 操作 符 ， 没 有 其 他 正式 声明 的 参数 也 没关系 : 


umetaon too(m argso tf 
Wa 


} 
现在 args 是 一 个 由 参数 组 成 的 完整 数组 ， 你 可 以 尽情 使 用 args.length 来 获取 传 入 的 参 
数 。 你 也 可 以 安全 地 使 用 args[1] 或 者 args[317] 。 当 然 ， 别 蜂 的 传 318 个 参数 ! 
说 到 ES6 的 好 ， 你 肯定 想 知 道 一 些小 秘诀 。 人 介绍 一 些 ， 更 多 的 内 容 推荐 你 阅读 
《You Don't Know JS: ES6 & Beyond》 这 本 书 的 第 2 章 。 
关于 实 参 的 小 技巧 
如 果 你 希望 调用 函数 的 时 候 只 传 一 个 数组 代替 之 前 的 多 个 参数 ， 该 怎么 办 ? 


function foo( args)  { 
console.log( args[3] ); 
} 


Va om = 2 3 A 5 


foo( ...arr ); AA 


我 们 的 新 朋友 ..， 在 这 里 被 使 用 到 了 ， 但 不 仅仅 在 形 参 列表 ， 在 函数 调用 的 时 候 ， 同 样 使 用 
在 实 参 列表 。 在 这 里 的 情况 有 所 不 同 : 在 形 参 列表 ， 它 把 实 参 整合 。 在 实 参 列 表 ， 它 把 实 参 

展开 。 所 以 arr 的 内 容 是 以 函数 foo(..) 引用 的 单独 参数 进行 展开 。 你 能 理解 传 入 一 个 引 

用 值 和 传 入 整个 arr 数组 两 者 之 间 的 不 同 了 吗 ? 


顺带 一 提 ， 多 个 值 和 ..， 是 可 以 相互 交错 放置 的 ， 如 下 : 
var arr=[ 2 1]; 


看 OO IT 3 45 V/A 


在 对 称 的 意义 上 来 考虑 ... :在 值 列表 的 情况 ， 它 会 展开 。 在 赋值 的 情况 ， 它 就 像 形 参 列表 
一 样 ， 因 为 实 参 会 赋值 到 形 参 上 。 


无 论 采 取 什 么 行为 ， ..， 都 会 让 实 参 数组 更 容易 操作 。 那 些 我 们 使 用 实 参 数组 
slice(..) ， concat(..) 和 apply(..) 的 日 子 已 经 过 去 了 。 


关于 形 参 的 小 技巧 


在 ES6 中 ， 形 参 可 以 声明 默认 值 。 当 形 参 没有 传 入 到 实 参 中 ， 或 者 传 入 值 是 undefined ， 会 
进行 默认 赋值 的 操作 。 


思考 下 面 代码 4 


function foo(x = 3) { 
console.log( x ); 


} 

foo(); MP] 
foo( undefined ); a3 
foo( null ); nu 
foo( © ); WPA) 


注意 : 我 们 不 会 更 加 详细 地 解释 了 ， 但 是 默认 值 表达 式 是 惰性 的 ， 这 意味 着 仅 当 需要 的 时 
候 ， 它 才 会 被 计算 。 它 同样 也 可 以 是 一 些 有 效 的 JS 表达 式 ， 甚 至 一 个 函数 引用 。 许 多 非常 酷 
的 小 技巧 用 到 了 这 个 方法 。 例 如 ， 你 可 以 这 样 在 你 的 参数 列 声明 x = required() ， 并 且 在 函 
数 required() 中 抛 出 "This argument is required." 来 确信 总 有 人 用 你 指定 的 实 参 或 形 参 来 
引用 你 的 函数 。 

另 一 个 我 们 可 以 在 参数 中 使 用 的 ES6 技巧 ， 被 称 为 “解构 "。 在 这 里 我 们 只 会 简单 一 提 ， 因 为 
要 说 清 这 个 话题 实在 太 过 繁杂 。 在 这 里 推荐 《ES6 & Beyond》 这 本 书 了 解 更 多 信息 。 


还 记得 我 们 之 前 提 到 的 可 以 接受 318 个 参数 的 foo(..) 吗 ? 
functron Foo( args) 


J 
} 


让 OO tal 2 < 


如 果 我 们 想 要 把 函数 内 的 参数 从 一 个 个 单独 的 参数 值 替换 为 一 个 数组 ， 应 该 怎么 做 ? 这 里 有 
两 个 ..， 的 写法 : 


function foo(args) { 
A 


} 


foo( [1,2,3] ); 


这 个 非常 简单 。 但 如 果 我 们 想 要 命名 传 入 数组 的 第 1、2 个 值 ， 该 怎么 做 ? 我 们 不 能 用 单独 传 
入 参数 的 办 法 了 ， 所 以 这 似乎 看 起 来 无 能 为 力 。 不 过 解构 可 以 回答 这 个 问题 : 


fuUnceron oo largel 
V7 
} 


foo( [1,2,3] ); 


你 看 到 了 在 参数 列 出 现 的 [ .. ] 了 吗 ? 这 就 是 数组 解构 。 解 构 是 你 期 望 的 模式 来 描述 
数据 (对象 ， 数 组 等 ) ， 并 分 配 (赋值 ) 值 的 一 种 方式 。 
在 这 里 例子 中 ， 解 构 告 诉 解析 器 ， 一 个 数组 应 该 出 现 的 赋值 位 置 〈 即 参数 ) 。 这 种 模式 是 : 
拿 出 数组 中 的 第 一 个 值 ， 并 且 赋 值 给 局 部 参数 变量 x ， 第 二 个 赋值 给 y ， 剩 下 的 则 组 成 
args ° 
你 可 以 通过 自己 手动 处 理 达到 同样 的 效果 : 

function foo(params) { 

var x = params[0]; 


var y = params[1]; 
var args = params.slice( 2 ); 


J 


现在 我 们 可 以 发 现 ， 在 我 们 这 本 书 中 要 多 次 提 到 的 第 一 条 原则 : 声明 性 代码 通常 比 命令 式 代 
码 更 干净 。 


声明 式 代 码 ， 如 同 之 前 代码 片段 里 的 解构 ， 强 调 一 段 代码 的 输出 结果 。 命 令 式 代码 ， 像 刚才 

我 们 自己 手动 赋值 的 例子 a 你 必须 在 
脑子 里 面 再 执行 一 遍 才 能 得 到 你 想 要 的 结果 。 这 个 结果 是 编写 在 这 儿 ， 但 是 不 是 直接 可 见 

的 。 

只 要 可 能 ， 无 论 我 们 的 语言 和 我 们 的 库 或 框架 允许 我 们 达到 什么 程度 ， 我 们 都 应 该 尽 可 能 使 

用 声明 性 的 和 自 解释 的 代码 。 

正如 我 们 可 以 解构 的 数组 ， 我 们 可 以 解构 的 对 象 参 数 : 


funcenon Foo ry 
console. log( x YY ) 


ye /Undefinedes 


我 们 传 入 一 个 对 象 作为 一 个 参数 ， 它 解构 成 两 个 独立 的 参数 变量 x 和 y ， 从 传 入 的 对 象 中 
分 配 相 应 属性 名 的 值 。 我 们 不 在 意 属性 值 x 到 底 存 不 存在 对 象 上 ， 如 果 不 存在 ， 它 最 终 会 如 
你 所 想 被 赋值 为 undefined ° 


但 是 我 希望 你 注意 : 对 象 解构 的 部 分 参数 是 将 要 传 入 foo(.,.) 的 对 象 。 


现在 有 一 个 正常 可 用 的 调用 现场 foo(undefined,3) ， 它 用 于 映射 实 参 到 形 参 。 我 们 试 着 把 
3 放 到 第 二 个 位 置 ， 分 配给 y 。 但 是 在 新 的 调用 现场 上 用 到 了 参数 解构 ， 一 个 简单 的 对 象 
属性 代表 了 实 参 3 应 该 分 配给 形 参 ( y )。 


我 们 不 需要 操心 x 应 该 放 在 哪个 调用 现场 。 因 为 事实 上 ， 我 们 不 用 去 关心 x ， 我 们 只 需要 
省 略 它 ， 而 不 是 分 配 undefined 值 。 


有 一 些 语言 对 这 样 的 操作 有 一 个 直接 的 特性 : 命名 参数 。 换 和 句 话说 ， 在 调用 现场 ， 通 过 标记 
输入 值 来 告诉 它 映射 关系 。JavaSctript 没有 命名 参数 ， 不 过 退 而 求 其 次 ， 参 数 对 象 解构 是 一 
个 选择 。 


使 用 对 象 解构 来 传 入 多 个 匿名 参数 是 函数 式 编程 的 优势 ， 这 个 优势 在 于 使 用 一 个 参数 〈 对 
象 ) 的 函数 能 更 容易 接受 另 一 个 函数 的 单个 输出 。 这 点 会 在 后 面 讨论 到 。 


回想 一 下 ， 术 语 Arity 是 指 期 望 函 数 接收 多 少 个 参数 。Arity 为 1 的 函数 也 被 称 为 一 元 函数 。 
在 函数 式 编程 中 ， 我 们 希望 我 们 的 函数 在 任何 的 情况 下 是 一 元 的 ， 有 时 我 们 甚至 会 使 用 各 种 
技巧 来 将 高 Arity 的 函数 都 转换 为 一 元 的 形式 。 


注意 : 在 第 3 章 ， 我 们 将 重新 讨论 命名 参数 的 解构 技巧 ， 并 使 用 它 来 处 理 关于 参数 排序 的 问 


O 


~ 


储 


随 者 输入 而 变化 的 函数 
思考 以 下 函数 


Functaon too(xX yt 
If (typeof x == "number”&& typeof == "number") { 
return x Ny; 
} 
else tl 
neturn Xx ry 


} 


明显 地 ， 这 个 函数 会 根据 你 传 入 的 值 而 有 所 不 同 。 


举例 : 


foo( 3, 4 ); /2 


foo( "3", 4 ); pp Me 


程序 员 这 样 定义 函数 的 原因 之 一 是 ， 更 容易 通过 同一 个 函数 来 重 载 不 同 的 功能 。 最 广为人知 
的 例子 就 是 jQuery 提供 的 $(..) 。"$" 函数 大 约 有 十 几 种 不 同 的 功能 从 DOM 元 素 查 
找 ， 到 DOM 元 素 创 建 ， 到 等 待 "DOMContentLoaded” 事件 后 ， 执 行 一 个 函数 ， 这 些 都 取决 
于 你 传递 给 它 的 参数 。 





上 述 函 数 ， 显 而 易 见 的 优势 是 API 变 少 了 《仅仅 是 一 个 $(..) 函数 ) ， 但 缺点 体现 在 阅读 代 
码 上 ， 你 必须 仔细 检查 传递 的 内 容 ， 理 解 一 个 函数 调用 将 做 什么 。 


通过 不 同 的 输入 值 让 一 个 函数 重 载 拥 有 不 同 的 行为 的 技巧 叫做 特定 多 态 (ad hoc 
polymorphism) 。 


这 种 设计 模式 的 另 一 个 表现 形式 就 是 在 不 同 的 情况 下 ， 使 函数 具有 不 同 的 输出 〈 在 下 一 章节 


会 提 到 ) 。 


警告 : 要 对 方便 的 诱惑 有 警惕 之 心 。 因 为 你 可 以 通过 这 种 方式 设计 一 个 函数 ， 即 使 可 以 立即 
使 用 ， 但 这 个 设计 的 长 期 成 本 可 能 会 让 你 后 悔 。 


2 米 人 
总 数 输 出 
在 JavaScript 中 ， 遂 数 只 会 返回 一 个 值 。 下 面 的 三 个 函数 都 有 相同 的 return 操作 。 


function foo() 人 


functaon bare 
Feturny 


} 


Functaonn haz € 
return undefined; 


} 


如 果 你 没有 return 值 ， 或 者 你 使 用 return; ， 那 么 则 会 隐 式 地 返回 undefined 值 。 


如 果 想 要 尽 可 能 靠近 函数 式 编程 的 定义 : 使 用 函数 而 非 程序 ， 那 么 我 们 的 函数 必须 永远 有 返 
回 值 。 这 也 意味 着 他 们 必须 明确 地 return 一 个 值 ， 通 常 这 个 值 也 不 是 undefined 。 


一 个 return 的 表达 式 仅 能 够 返回 一 个 值 。 所 以 ， 如 果 你 需要 返回 多 个 值 ， 切 实 可 行 的 办 法 
就 是 把 你 需要 返回 的 值 放 到 一 个 复合 值 当 中 去 ， 例 如 数组 、 对 象 : 


functaonntoom ne 
var retValue1 = 11; 
var retValue2 = 31; 
return [ retValuei1, retValue2 |]; 


解构 方法 可 以 使 用 于 解构 对 象 或 者 数组 类 型 的 参数 ， 也 可 以 使 用 在 平时 的 赋值 当中 : 


functron too( Ne 
var retValue1 = 11; 
var retValue2 = 31; 
return [ retValue1, retValue2 |]; 


} 

var [ x, y ] = foo(); 

console.log( x + y ); W742 
将 多 个 值 集合 成 一 个 数组 (或 对 象 ) 做 为 返回 值 ， 然 后 再 解构 回 不 同 的 值 ， 这 无 形 中 让 一 个 
函数 能 有 多 个 输出 结果 。 


提示 : 在 这 里 我 十 分 建议 你 花 一 点 时 间 来 思考 : 是 否 需要 避免 函数 有 可 重 构 的 多 个 输出 ? 或 
许 将 这 个 函数 分 为 两 个 或 更 多 个 更 小 的 单 用 途 函 数 。 有 时 会 需要 这 么 做 ， 有 时 可 能 不 需要 ， 
但 你 应 该 至 少 考虑 一 下 。 


提前 return 


return 语句 不 仅仅 是 从 函数 中 返回 一 个 值 ， 它 也 是 一 个 流量 控制 结构 ， 它 可 以 结束 函数 的 执 
行 。 因 此 ， 具 有 多 个 return 语句 的 函数 具有 多 个 可 能 的 退出 点 ， 这 意味 着 如 果 输 出 的 路 径 
很 多 ， 可 能 难以 读 取 并 理解 函数 的 输出 行为 。 


思考 以 下 : 


function foo(x) { 
T(x > L100 retormm x to 


VAY = xX/ 2 
TY 3 

if (x % 2 ==°0©) return x; 
} 


if"(y> 1) return yy 


return xXx, 


突击 测验 : 不 要 作 吏 也 不 要 在 浏览 器 中 运行 这 段 代码 ， 请 思考 foo(2) 返回 什么 ?了 foo(4) 
返回 什么 ?了 foo(8) ， foo(12) 呢 ? 


你 对 自己 的 回答 有 多 少 信 心 ? 你 付出 多 少 精 力 来 获得 答案 ?我 错 了 两 次 后 ， 我 试图 仔细 思考 
并 且 写 下 来 ! 


我 认为 在 许多 可 读 性 的 问题 上 ， 是 因为 我 们 不 仅 使 用 return 返回 不 同 的 值 ， 更 把 它 作 为 一 
个 流 控 制 结 构 一 一 在 菜 些 情 况 下 可 以 提前 退出 一 个 函数 的 执行 。 我 们 显然 有 更 好 的 方法 来 编 
写 流 控制 ( if 逻辑 等 ) ， 也 有 办 法 使 输出 路 径 更 加 明显 。 


注意 : 突击 测验 的 答案 是 : 2 ，2 ，8 和 13。 


思考 以 下 版 本 的 代码 : 


umCtaonmoo(E 大 
Var retValue; 


if (retValue == undefined && x > 10) { 
retValue = X + 工 ; 


} 


VA = X02 


if (y > 3) { 
If (retValue == undefined && x % 2 == 0) { 
retValue = x; 
} 
} 


if (retValue == undefined && y > 1) 寺 
retValue = y; 
} 


if (retValue == undefined) { 
retValue = x; 


} 
return retValue; 
} 
这 个 版 本 毫 无 疑问 是 更 宛 长 的 。 但 是 在 逻辑 上 ， 我 认为 这 比 上 面 的 代码 更 容易 理解 。 因 为 在 
每 个 retValue 可 以 被 设置 的 分 支 ， 这 里 都 有 个 守护 者 以 确保 retValue 没有 被 设置 过 才 执 
行 。 


相 比 在 元 数 中 提早 使 用 return ， 我 们 更 应 该 用 常用 的 流 控制 ( if 逻辑 ) 来 控制 
retValue 的 赋值 。 到 最 后 3 我 们 return retValue ° 


我 不 是 说 ， 你 只 能 有 一 个 return ， 或 你 不 应 该 提早 return ， 我 只 是 认为 在 定义 函数 时 ， 最 
好 不 要 用 return 来 实现 流 控制 ， 这 样 会 创造 更 多 的 隐 含 意义 。 尝 试 找 出 最 明确 的 表达 逻辑 
的 方式 ， 这 往往 是 最 好 的 办 法 。 


未 return 的 输出 


有 个 技巧 你 可 能 在 你 的 大 多 数 代码 里 面 使 用 过 ， 并 且 有 可 能 你 自己 并 没有 特别 意识 到 ， 那 就 
是 让 一 个 函数 通过 改变 函数 体外 的 变量 产 出 一 些 值 。 


还 记得 我 们 之 前 提 到 的 函数 f(x) = 2x2 + 3 吗 ? 我 们 可 以 在 JS 中 这 样 定 义 : 


Var y; 
unctaongEoot xy 大 

y= (2 * Math.pow( x, 2 )) + 3; 
} 


foo( 2 ); 


y; tat 


我 知道 这 是 一 个 无 聊 的 例子 。 我 们 完全 可 以 用 return 来 返回 ， 而 不 是 赋值 给 y : 


tunctron too( 大 
return (2 * Math.pow( x, 2 )) + 3; 
} 


var y = foo( 2 ); 


y; A LE 


这 两 个 函数 完成 相同 的 任务 。 我 们 有 什么 理由 要 从 中 挑 一 个 吗 ? 是 的 ， 绝 对 有 。 


解释 这 两 者 不 同 的 一 种 方法 是 3 后 一 个 版 本 中 的 return 表示 一 个 显 式 输出 . 而 前 者 的 y 
赋值 是 一 个 隐 式 输出 。 在 这 种 情况 下 ， 你 可 能 已 经 猜 到 了 : 通常 ， 开 发 人 员 喜 欢 显 式 模式 而 
不 是 隐 式 模式 。 


但 是 ， 改 变 一 个 外 部 作用 域 的 变量 ， 就 像 我 们 在 foo(..) 中 所 做 的 赋值 y 一 样 ， 只 是 实现 
隐 式 输出 的 一 种 方式 。 一 个 更 微妙 的 例子 是 通过 引用 对 非 局 部 值 进 行 更 改 。 


国 


' 心 


function sum(list) { 
var total = 0; 
For (Letem 01 < TTSst Lengthy r+) 
if (!list[i]) list[i] = 90; 


total = total + list[i]; 
} 


return total; 


} 
Var numse L3927 849 


sum( nums ); A/ L244 


很 明显 ， 这 个 函数 输出 为 124 ， 我 们 也 非常 明确 地 return 了 。 但 你 是 否 发 现 其 他 的 输出 ? 
查看 代码 ， 并 检查 nums 数组 。 你 发 现 区 别 了 吗 ? 


为 了 填补 4 位 置 的 空 值 undefined ， 这 里 使 用 了 @ 代替 。 尽 管 我 们 在 局 部 操作 1ist 参 
数 变量 ， 但 我 们 仍然 影响 了 外 部 的 数组 。 


为 什么 ?了 因为 list 使 用 了 nums 的 引用 ， 不 是 对 [3m om 的 值 复制 ， 而 是 引用 复制 。 
因为 JS 对 数组 、 对 象 和 函数 都 使 用 引用 和 引用 复制 ， 我 们 可 以 很 容易 地 从 函数 中 创建 输出 ， 
即使 是 无 心 的 。 


这 个 隐 式 函数 输出 在 函数 式 编程 中 有 一 个 特殊 的 名 称 : 副作用 。 当 然 ， 没 有 副作用 的 函数 也 
有 一 个 特殊 的 名 称 : 纯 函 数 。 我 们 将 在 以 后 的 章节 讨论 这 些 ， 但 关键 是 我 们 应 该 喜欢 纯 函 
数 ， 并 且 要 尽 可 能 地 避免 副作用 。 


函数 是 可 以 接受 并 且 返 回 任何 类 型 的 值 。 一 个 函数 如 果 可 以 接受 或 返回 一 个 磊 至 多 个 函数 ， 
它 被 叫做 高 阶 函 数 。 


本 


心 


unetron fonmEachl(ust Fn ne 
for (let 1 = 0; 1 < J]ist.length, 1++) { 
fn( list[i] ); 
} 
} 


forEach( [1,2,3,4,5|, function each(val)t{ 
console.1log( val ); 


也 
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forEach(..) 就 是 一 个 高 阶 函 数 ， 因 为 它 可 以 接受 一 个 函数 作为 参数 。 


一 个 高 阶 函 数 同样 可 以 把 一 个 函数 作为 输出 ， 像 这 样 : 


function foo() { 
var fn = function inner(msg)t{ 
console.log( msg ); 


了 


return fn; 


var f = foo(); 


Qe Helton. /edo 


return 不 是 “输出 "函数 的 唯一 办 法 。 


function foo() { 
var fn = function inner(msg)t{ 
console.log( msg ); 


}; 


bar( fn ); 
} 


function bar(func) { 
func( Hello” 六 
} 


foo(); ZA Hello! 
将 其 他 函数 视 为 值 的 函数 是 高 阶 函 数 的 定义 。 郊 数 式 编程 者 们 应 该 学 会 这 样 写 ! 


保持 作用 域 


在 所 有 编程 ， 尤 其 是 函数 式 编程 中 ， 最 强大 的 就 是 : 当 一 个 函数 内 部 存在 另 一 个 函数 的 作用 
域 时 ， 对 当前 函数 进行 操作 。 当 内 部 函数 从 外 部 函数 引用 变量 ， 这 被 称 作 财 包 。 


实际 上 ， 闭 包 是 它 可 以 记录 并 且 访 问 它 作 用 域外 的 变量 ， 甚 至 当 这 个 函数 在 不 同 的 作用 域 被 


function foo(msg) { 
var fn = function inner(){ 
console.log( msg ); 


}; 


return fn; 


} 
var helloFn = foo( "Hello!™" ); 


helloFn(); // Hello! 


处 于 foo(..) 函数 作用 域 中 的 msg 参数 变量 是 可 以 在 内 部 函数 中 被 引用 的 。 当 foo(..) 
执行 时 ， 并 且 内 部 函数 被 创建 ， 函 数 可 以 获取 msg 变量 ,即使 return 后 仍 可 被 访问 。 


虽然 我 们 有 函数 内 部 引用 helloFn ， 现 在 foo(..) 执行 后 ， 作 用 域 应 该 回收 ， 这 也 意味 着 
msg 也 不 存在 了 。 不 过 这 个 情况 并 不 会 发 生 ， 函 数 内 部 会 因为 闭 包 的 关系 ， 将 msg 保留 下 
来 。 只 要 内 部 函数 (现在 被 处 在 不 同 作 用 域 的 helloFn 引用 ) 存在 ， msg 就 会 一 直 被 保 
留 。 


让 我 们 看 看 闭 包 作用 的 一 些 例子 : 


function person(id) { 
var randNumber = Math.random(); 


return function identify()1{ 


console.log( "I am " + id+": "+ randNumber ); 
}; 
} 


var fred = person( "Fred" ); 
var susan = person( "Susan"™" ); 


fred(); // I am Fred: 0.8331252801601532 
susan(); // I am Susan: 0.3940753308893741 


identify() 辐 数 内 部 有 两 个 闭 包 变量 ， 参 数 id 和 randNumber 。 


闭 包 不 仅 限于 获取 变量 的 原始 值 : 它 不 仅仅 是 快照 ， 而 是 直接 链接 。 你 可 以 更 新 该 值 ， 并 在 
下 次 访问 时 获取 更 新 后 的 值 。 


function runningCounter(start) { 
var val = start; 

return function current(increment = 1){ 
val = val + increment; 
return val; 
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Var Score = runningCounter( 0 );，; 


score(); Wy a 
score(); 旋光 
Score( 13 ); W/LS 


警告 : 我 们 将 在 之 后 的 段落 中 介 
记录 状态 更 改 ( val ) 。 


多 。 不 过 在 这 个 例子 中 ， 


如 果 你 需要 设置 两 个 输入 ， 一 个 你 已 经 知道 
来 记录 第 一 个 输入 值 : 


function makeAdder (x) { 
return function sum(y){ 
neturn YX ry 
}; 
} 


输入 的 10 和 37 
var addTo10 = makeAdder( 10 ); 
var addTo37 = makeAdder( 37 ); 


// 我 们 已 经 分 别 知道 作为 第 一 个 


// 紧 接着 ， 我 们 指定 第 二 个 参数 
addTo10( 3 ); AT 
addTo10( 90 ); // 100 
addTo37( 13 ); A 50 


通常 ， sum(..) 区 数 会 一 起 接收 x 和 y 并 相 加 。 但 是 在 这 
记录 (通过 闭 包 ) x 的 值 ， 然 后 等 待 y 被 指定 。 
注意 : 在 连续 函数 调用 中 指定 输入 ， 这 


种 技巧 在 函数 式 编程 中 非常 
偏 函 数 应 用 和 柯 里 化 。 我 们 稍 后 会 在 文中 深入 讨论 。 


当然 ， 因 为 函数 如 果 只 是 JS 中 的 值 ， 我们 可 以 通 包 来 记 住 兄 数 值 。 


你 需要 尽 可 能 


避免 使 用 闭 包 来 


道 ， 你 可 以 使 用 闭 包 


文 个 例子 中 ， 我 们 接收 并 且 首 先 


遍 ， 并 且 有 两 种 形式 : 


function formatter(formatFn) { 
return function inner(str)1{ 
return formatFn( str ); 
}; 
} 


var lower = formatter( function formatting(V){ 
return v.toLowerCase( ); 


了 


var upperFirst = formatter( function formatting(v){ 
return v[0].toUpperCase() + Vv.substr( 1 ).toLowerCase(); 


} ); 
lower( "Wow" ); // wow 
upperFirst( "hello" ); A Hello 


函数 式 编程 并 不 是 在 我 们 的 代码 中 分 配 或 重复 touppercase() 和 toLowercase() 逻辑 ， 而 是 
鼓励 我 们 用 优雅 的 封装 方式 来 创建 简单 的 函数 。 


有 具体 来 说 ， 我 们 创建 两 个 简单 的 一 元 函数 lower (..) 和 upperFirst (..) ， 因 为 这 些 函 数 
在 我 们 程序 中 ， 更 容易 与 其 他 函数 配合 使 用 。 


提示 : 你 知道 如 何 让 upperFirst (..) 使 用 lower (..) 吗 ? 


我 们 将 在 本 书 的 后 续 中 大 量 使 用 闭 包 。 如 果 抛 开 整 个 编程 来 说 ， 它 可 能 是 所 有 函数 式 编程 中 
最 重要 的 基础 。 项 望 你 能 用 得 舒服 ! 


名 法 


在 我 们 函数 入 门 开始 之 前 ， 让 我 们 花 点 时 间 来 讨论 它 的 语法 。 


开 


不 同 于 本 书 中 的 许多 其 他 部 分 ， 本 节 中 的 讨论 主要 是 意见 和 偏好 ， 无 论 你 是 否 同 意 这 里 提 
的 观点 或 采取 相反 的 观点 。 这 些 想 法 是 非常 主观 的 ， 尽 管 许多 人 似乎 对 此 非常 执着 。 不 过 最 
终 ， 都 由 你 决定 。 


什么 是 名 称 ? 
在 语法 上 ， 函 数 声明 需要 包含 一 个 名 称 : 


function helloMyNameIs() { 
A 


} 


但 是 函数 表达 式 可 以 命名 或 者 匿名 : 


foo( function namedFunctionExpr(){ 
AAA 
} ); 


bar( function(){ // <-- 这 就 是 匿名 的 1! 
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顺便 说 一 句 ， 匿 名 的 意思 是 什么 ? 具体 来 说 ， 函 数 具 有 一 个 name 的 属性 ， 用 于 保存 部 数 在 
语法 上 设 受 定名 称 的 字符 串 值 ， 例 如 "helloMyNameIs" 或 "FunctionExpr" ° 这 个 name 属性 特 

别 用 于 JS 环境 的 控制 台 或 开发 工具 。 当 我 们 在 堆栈 轨迹 中 追踪 〈 通 常 来 自 异常 ) 时 ， 这 个 属 
性 可 以 列 出 该 函数 。 


而 匿名 函数 通常 显示 为 * (anonymous function) ° 


如 果 你 曾经 试 着 在 一 个 异常 的 堆栈 轨迹 中 调试 一 个 JS 程序 ， 你 可 能 已 经 发 现 痛苦 了 : 看 到 
(anonymous function) 出 现 。 这 个 列表 条 目 不 给 开发 人 员 任 何 关于 弄 常 来 源 路 径 的 线索 。 它 
没有 给 我 们 开发 者 提供 任何 帮助 。 


如 果 你 命名 了 你 的 函数 表达 式 ， 名 称 将 会 一 直 被 使 用 。 所 以 如 果 你 使 用 了 一 个 良好 的 名 称 
handleprofileclicks 来 取代 foo ， 你 将 会 在 堆栈 轨迹 中 获得 更 多 的 信息 。 


在 ES6 中 ， 匿 名 表达 式 可 以 通过 名 称 引 用 来 获得 名 称 。 思 考 : 


var x = function(){}; 


x.name; J 


如 果 解 析 器 能 够 猜 到 你 可 能 希望 函数 采用 什么 名 称 ， 那 么 它 将 会 继续 下 去 。 
但 请 注意 ， 并 不 是 所 有 的 句法 形式 都 可 以 用 名 称 引 用 。 最 常见 的 地 方 是 函数 表达 式 是 函数 调 
用 的 参数 : 


function foo(fn) { 
console.1og( fn.name ); 


var x = function(){}; 
foo( x ); AB 


foo( function(){} ); YH 


当 名 称 不 能 直接 从 周围 的 语法 中 被 推断 时 ， 它 仍 会 是 一 个 空 字 符 串 。 这 样 的 函数 将 在 堆栈 轨 
迹 中 的 被 报告 为 一 个 (anonymous function) ° 


除了 调试 问题 之 外 ， 郊 数 被 命名 还 有 一 个 其 他 好 处 。 首 先 ， 句 法 名 称 (又 称 词汇 名 ) 是 可 以 
被 函数 内 部 的 自 引 用 。 自 引用 是 北 归 (同步 和 异步 ) 所 必需 的 ， 也 有 助 于 事件 处 理 。 


思考 这 些 不 同 的 情况 : 


// 同步 情况 : 
function findPropIn(propName,obj) { 
if (obj == undefined || typeof obj != "object") return; 


if (propName in obj) { 
return obj[propName]; 


} 
else { 
let props = Object.keys( obj ); 
for (let i = 0; i < props.length; i++) { 
let ret = findPropIn( propName, obj[props[i]] ); 
if (ret !== undefined) { 
netwrnret, 
} 
} 
} 


// 并 步 情况 : 
setTimeout( function waitForIt()t{ 
ZA 
UOTE 
// 再 试 一 次 
setTimeout( waitForIt, 100 ); 


} 
}, 1900 ); 


// 事件 处 理 未 绑 定 
document .getElementById( "onceBtn" ) 
.addEventListener( "click", function handleClick(evt){ 
// 未 绑 定 的 event 
evt.target.removeEventListener( "click", handleclick, false ); 


OA 
Talse 


在 这 些 情况 下 ， 使 用 命名 函数 的 函数 名 引用 ， 是 一 种 有 用 和 可 靠 的 在 自身 内 部 自 引 用 的 方 
式 O 


此 外 ， 即 使 在 单行 函数 的 简单 情况 下 ， 命 名 它们 往往 会 使 代码 更 加 明了 ， 从 而 让 以 前 没有 阅 
读 过 的 人 更 容易 阅读 : 


people.map( function getPreferredName(person)t{ 
return person.nicknames[0] || person.firstName; 


} ) 
人 


光 看 函数 getpreferredName(..) 的 代码 ， 并 不 能 很 明确 告诉 我 们 这 里 的 操作 是 什么 意图 。 但 
有 名 称 就 可 以 增加 代码 可 读 性 。 


经 常 使 用 匿名 函数 表达 式 的 另 一 个 地 方 是 上 FE (立即 执行 函数 表达 式 ) 


(function(){ 
// 我 是 IIFE! 
})(); 
你 几乎 从 没 看 到 为 |IFE 函数 来 命名 ， 但 他 们 应 该 命名 。 为 什么 ? 我 们 刚刚 提 到 过 的 原因 : 堆 
栈 轨 迹 调试 ， 可 靠 的 自我 引用 和 可 读 性 。 如 果 你 想 不 出 你 的 上 IFE 应 该 叫 什么 ， 请 至 少 使 用 
IIFE : 
(function TIE 
// 现在 你 丨 的 知道 我 叫 IIFE! 
})(); 
我 有 许多 个 理由 可 以 解释 命名 函数 比 匿名 函数 更 可 取 。 事 实 上 ， 我 甚至 认为 匿名 函数 都 是 不 
可 取 的 。 相 比 命名 函数 ， 他 们 没有 任何 优势 。 
写 匿 名 功能 非常 容易 ， 因 为 我 们 完全 不 用 在 想 名 称 这 件 事 上 费 神 费力 。 


诚实 来 讲 ， 我 也 像 大 家 一 样 在 这 个 地 方 犯错 。 我 不 喜欢 在 起 名 称 这 件 事 上 浪费 时 间 。 我 能 想 
到 命名 一 个 函数 的 前 3 或 4 个 名 字 通常 是 不 好 的 。 我 必须 反复 思考 这 个 命名 。 这 个 时 候 ， 我 
宁愿 只 是 用 一 个 匿名 函数 表达 。 

但 是 ， 我 们 把 易 写 性 拿 来 与 易 读 性 做 交换 ， 这 不 是 一 个 好 选择 。 因 为 懒 而 不 想 为 你 的 函数 合 
名 ， 这 是 常见 的 使 用 匿名 功能 的 借口 。 

命名 所 有 单个 函数 。 如 果 你 对 着 你 写 的 函数 ， 想 不 出 一 个 好 名 称 ， 我 明确 告诉 你 ， 那 是 你 并 
没有 完全 理解 这 个 函数 的 目的 或 者 来 说 它 的 目的 太 广 泛 或 太 抽象 。 你 需要 重新 设计 功 

能 ， 直 到 它 更 清楚 。 从 这 个 角度 说 ， 一 个 名 称 会 更 明白 清晰 。 





从 我 自己 的 经 验 中 证 明 ， 在 思考 名 称 的 过 程 中 ， 我 会 更 好 地 了 解 它 ， 甚 至 重 构 其 设计 ， 以 提 
高 可 读 性 和 可 维护 性 。 这 些 时 间 的 投入 是 值得 的 。 


没有 function 的 有 函数 


到 目前 为 止 ， 我 们 一 直 在 使 用 完整 的 规范 语法 功能 。 但 是 相信 你 也 对 新 的 ES6 => 箭头 函数 
语法 有 所 耳闻 。 


比较 : 


people.map( function getPreferredName(person)t{ 


return person.nicknames[0] || person.firstName; 
} ) 
A 
people.map( person => person.nicknames[0] || person.firstName ); 
哇 | 


关键 字 function 没 了 ， return ， () 括号 ， {} 花 括 号 和 分 号 也 是 这 样 。 所 有 这 一 
切 ， 都 是 我 们 与 一 个 胖 稍 头 做 了 交易 : -=> 。 


但 还 有 另 一 件 事 我 们 忽略 了 。 你 发 现 了 吗 ? getpreferredName 函数 名 也 没 了 。 


那 就 对 了 。 => 箭头 函数 是 词法 匿名 的 。 没 有 办 法 合理 地 为 它 提供 一 个 名 字 。 他 们 的 名 字 可 
以 像 常 规 函 数 一 样 被 推断 ， 但 是 ， 最 常见 的 函数 表达 式 值 作为 参数 的 情况 将 不 会 起 任何 作用 
了 。 


假设 person.nicknames 因为 一 些 原因 没有 被 定义 ， 一 个 异常 将 会 被 抛 出 ， 意 味 着 这 个 
(anonymous function) 将 会 在 追踪 堆栈 的 最 上 层 | ! 

=> 箭头 函数 的 匿名 性 是 => 的 阿 喀 琉 斯 之 蹲 。 这 让 我 不 能 遵守 刚刚 所 说 的 命名 原则 了 : 阅 
读 困难 ， 调 试 困 难 ， 无 法 自我 引用 。 

但 是 ， 这 还 不 够 糟糕 ， 要 面 对 的 另 一 个 问题 是 ， 如 果 你 的 函数 定义 有 不 同 的 场景 ， 那 么 你 必 
须要 一 大 堆 细微 差别 的 语句 来 实现 。 我 不 会 在 这 里 详细 介绍 所 有 ， 但 会 简要 地 说 : 


people.map( person => person.nicknames[0] || person.firstName ); 


// 多 个 参数 ? 需要 ( ) 


people.map( (person,idx) => person.nicknames[0] || person.firstName ); 
// 解构 参数 ? 需要 ( ) 
people.map( ({ person }) => person.nicknames[0] || person.firstName ); 
// 默认 参数 ? 需要 ( ) 
people.map( (person = {}) => person.nicknames[0] || person.firstName ); 


// 返回 对 象 ? 需要 ( ) 
people.map( person => 
({ preferredName: person.nicknames[0] || person.firstName }) 


在 函数 式 编程 中 ， => 令 人 兴奋 的 地 方 在 于 它 几 乎 完全 遵循 函数 的 数学 符号 ， 特 别 是 像 
Haskell 这 样 的 函数 式 编程 语言 。 => 箭头 函数 语法 甚至 可 以 用 于 数学 交流 。 


我 们 进一步 地 来 深 挖 ， 我 建议 使 用 => 的 论点 是 ， 通 过 使 用 更 轻 量 级 的 语法 ， 可 以 减少 函数 
之 间 的 视觉 边界 ， 也 让 我 们 使 用 偷懒 的 方式 来 使 用 它 ， 这 也 是 函数 式 编程 者 的 另 一 个 爱好 。 


我 认为 大 多 数 的 函数 式 编程 者 都 会 对 此 睁 只 眼 闭 只 眼 。 他 们 喜欢 匿名 函数 ， 喜 欢 简 洁 语 法 。 
但 是 像 我 之 前 说 过 的 那样 : 这 都 由 你 决定 。 

注意 : 虽然 我 不 喜欢 在 我 的 应 用 程序 中 使 用 => ， 但 我 们 将 在 本 书 的 其 余部 分 多 次 使 用 它 ， 
特别 是 当 我 们 介绍 典型 的 函数 式 编程 实战 时 ， 它 能 简化 、 优 化 代码 片段 中 的 空间 。 不 过 ， 增 
强 或 减弱 代码 的 可 读 性 也 取决 你 自己 做 的 决定 。 


来 说 说 This ? 


如 果 您 不 熟悉 JavaScript 中 的 this 绑 定 规则 ， 我 建议 去 看 我 写 的 《You Don't Know JS: 
this & Object Prototypes》。 出 于 这 章 的 需要 ， 我 会 假定 你 知道 在 一 个 函数 调用 〈 四 种 方式 
之 一 ) 中 this 是 什么 。 但 是 如 果 你 依然 对 this 感到 迷惑 ， 告 诉 你 个 好 消息 ， 接 下 来 我 们 会 
总 结 在 函数 式 编程 中 你 不 应 当 使 用 this 。 


JavaScript 的 function 有 一 个 this 关键 字 ， 每 个 函数 调用 都 会 自动 绑 定 。 this 关键 字 
有 许多 不 同 的 方式 描述 ， 但 我 更 喜欢 说 它 提供 了 一 个 对 象 上 下 文 来 使 该 函数 运行 。 


this 是 函数 的 一 个 隐 式 的 输入 参数 。 


思考 : 


function sum() { 
eturmneehass x tt thasay, 


} 
Var context = { 
> 
V2 
}; 
sum.call( context ); V3 


Context ,Sum = sum; 
context .Sum( ); ZS 


var s = sum.bind( context ); 
s(); /3 


当然 ， 如 果 this 能 够 隐 式 地 输入 到 一 个 函数 当中 去 ， 同 样 的 ， 对 象 也 可 以 作为 显 式 参数 传 
入 : 


function sum(ctx) { 
etUurne ctX XT CX VY 


} 

Var context = { 
> 
V3 2 


}; 


sum( context ); 


这 样 的 代码 更 简单 ， 在 函数 式 编程 中 也 更 容易 处 理 : 当 显 性 输入 值 时 ， 我 们 很 容易 将 多 个 函 
数组 合 在 一 起 ， 或 者 使 用 下 一 章 输入 适 配 技 巧 。 然 而 当 我 们 做 同样 的 事 使 用 隐 性 输入 时 ， 根 
握 不 同 的 场景 ， 有 时 候 会 难处 理 ， 有 时 候 甚至 不 可 能 做 到 。 


还 有 一 些 技巧 ， 是 基于 this 完成 的 ， 例 如 原型 授权 (在 《this & Object Prototypes》 一 书 
中 也 详细 介绍 ) 


var Auth = { 
authorize() { 
var credentials = this.username + ":" + this.password; 
this.send( credentials, resp => { 
If (resp.error) this.displayError( resp.error ); 
else this.displaySuccess(); 


I 六 

}, 

send(/” OR 
J 

} 


var Login = Object.assign( Object.create( Auth ), { 
doLogin(user,pw) { 
this.username = user; 
this.password = pw; 
this.authorize(); 


}, 

displayError(err) { 
AAA 

}, 

displaySuccess() { 
/7 

} 

} ); 


Login.doLogin( "fred", "123456" ); 


注意 : object.assign(..) 是 一 个 ES6+ 的 实用 工具 ， 它 用 来 将 属性 从 一 个 或 者 多 个 源 对 象 
浅 找 贝 到 目标 对 象 : object.assign( target，sourcel，..， ) 。 


这 段 代码 的 作用 是 : 现在 我 们 有 两 个 独立 的 对 象 Login 和 Auth ， 其 中 Login 执行 原型 授 
权 给 Auth 。 通 过 委托 和 隐 式 的 this 共享 上 下 文 对 象 ， 这 两 个 对 象 在 this.authorize() 芭 
数 调用 期 间 实 际 上 是 组 合 的 ， 所 以 这 个 this 上 的 属性 或 方法 可 以 与 Auth.authorize(..) 动 
态 共 享 this 。 
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this 因为 各 种 原因 ， 不 符合 函数 式 编程 的 原则 。 其 中 一 个 明显 的 问题 是 隐 式 this 共享 。 但 
我 们 可 以 更 加 显 式 地 ,» 更 靠 向 函数 式 编程 的 方向 : 


/AAA 


authorize(ctx) { 
var credentials = ctx.username + ":" + Ctx.password; 
Auth.send( credentials, function onResp(resp){ 
if (resp.error) ctx.displayError( resp.error ); 
else ctx.displaySuccess(); 
} ); 
} 


A 


doLogin(user,pw) { 
Auth.authorize( { 
username: user, 
password: pw 


了 


a 


从 我 的 角度 来 看 ， 问 题 不 在 于 使 用 对 象 来 进行 操作 ， 而 是 我 们 试图 使 用 隐 式 输入 取代 显 式 输 
入 。 当 我 戴 上 名 为 函数 式 编程 的 帽子 时 ， 我 应 该 把 this 放 回 衣架 上 


各 千 


[Ga 


八 


函数 是 强大 的 。 


现在 ， 让 我 们 清楚 地 理解 什 


么 是 函数 : 它 不 仅仅 是 一 个 语句 或 者 操作 的 集合 ， 而 且 需 要 一 个 
或 多 个 输入 (理想 情况 下 只 需 一 个 


! ) 和 一 个 输出 。 

函数 内 部 的 函数 可 以 取 到 闭 包 外 部 变量 ， 并 记 住 它们 以 备 日 后 使 用 。 这 是 所 有 程序 设计 中 最 
重要 的 概念 之 一 ， 也 是 函数 式 编程 的 基础 。 

要 警惕 匿名 函数 ， 特 别 是 => 箭头 函数 。 虽 然 在 编程 时 用 起 来 很 方便 ， 但 是 会 对 增加 代码 阅 
读 的 负担 。 我 们 学 习 郊 数 式 编程 的 全 部 理由 是 为 了 书写 更 具 可 读 性 的 代码 ， 所 以 不 要 赶 时 电 
去 用 匿名 函数 。 


别 用 this 敏感 的 函数 。 这 不 需要 理由 。 


JavaScript 轻 量 级 函数 式 编程 


第 3 章 : 管 理 函 数 的 输入 (Inputs ) 


在 第 2 章 的 “函数 输入 ”小 节 中 ， 我 们 聊 到 了 函数 形 参 (parameters) 和 实 参 (arguments ) 

的 基本 知识 ， 实 际 上 还 了 解 到 一 些 能 简化 其 使 用 方式 的 语法 技巧 ， 比 如 ..， 操作 符 和 解构 

(destructuring) 。 

在 那个 讨论 中 ， 我 建议 尽 可 能 设计 单一 形 参 的 函数 。 但 实际 上 你 不 能 每 次 都 做 到 ， 而 且 也 不 
能 每 次 都 掌控 你 的 函数 签名 ( 译 者 注 : JS 中 ， 函 数 签名 一 般 包 含 函 数 名 和 形 参 等 函数 关键 信 
息 ， 例 如 foo(a, b = 1 c) ) 。 


现在 ， 我 们 把 注意 力 放 在 更 复杂 、 强 大 的 模式 上 上， 以便 讨论 处 在 这 景 下 的 函数 输入 。 


立即 传 参 和 稍 后 传 参 


如 果 一 个 函数 接收 多 个 实 参 ， 你 可 能 会 想 先 指定 部 分 实 参 ， 余 下 的 稍 后 再 指定 。 


来 看 这 个 函数 


function ajax(url.data,callback) { 
V7 
} 


I 但 这 些 请 求 的 数据 和 处 理 响 应 信息 的 回 
调 函 数 要 稍 后 才能 ° 


当然 ， 你 可 以 等 到 这 些 东 西 都 确定 后 再 发 起 ajax(..) 请 求 ， 并 且 到 那 时 再 引用 全 局 URL 常 
。 但 我 们 还 有 另 一 种 选择 ， 就 是 创建 一 个 已 经 预 设 url 实 参 的 函数 引用 。 


我 们 将 创建 一 个 新 函数 ， 其 内 部 仍然 发 起 ajax(..) 请 求 ， 此 外 在 等 待 接收 另外 两 个 实 参 的 
同时 ， 我 们 手动 将 ajax(..) 第 一 个 实 参 设置 成 你 关心 的 API 地 址 。 


function getPerson(data, cb) { 
ajax( "http://some.api/person", data, cb ); 
} 


function getOrder(data,cb) { 
ajax( "http://some.api/order", data, cb ); 
} 


手动 指定 这 些 外 层 ee 全 有 可 能 的 ， 但 这 可 能 会 变 得 宛 长 乏味 ， 特 别 是 不 同 的 预 设 
实 参 还 会 变化 的 时 候 ， 


FunctromoyetcurrentUser (eco nt 
getPerson( { user: CURRENT_USER_ ID }, cb ); 
} 


函数 式 编程 者 习惯 于 在 重复 做 同一 种 事情 的 地 方 找 到 模式 ， 并 试 着 将 这 些 行为 转换 为 逻辑 可 
重用 的 实用 元 数 。 实 际 上 ， 该 行为 肯定 已 是 大 多 数 读 者 的 本 能 反应 了 ， 所 以 这 并 非 函 数 式 编 
程 独 有 。 但 是 ， 对 函数 式 编程 而 言 ， 这 个 行为 的 重要 性 是 好 庸 置疑 的 。 


为 了 构思 这 个 用 于 实 参 预 设 的 实用 函数 ， 我 们 不 仅 要 着 眼 于 之 前 提 到 的 手动 实现 方式 ， 
在 概念 上 审视 一 下 到 底 发 生 了 什么 


用 一 句 话 来 说 明 发 生 的 事情 : getorder(data,cb) 是 ajax(url,data,cb) 函数 的 偏 函数 
(partially-applied functions ) 。 该 术语 代表 的 概念 是 : 在 函数 调用 现场 (function call- 
site) ， 将 实 参 应 用 (apply) 于 形 参 。 如 你 所 见 ， 我 们 一 开始 仅 应 用 了 部 分 实 参 
是 将 实 参 应 用 到 url 形 参 剩 下 的 实 参 稍 后 再 应 用 。 














关于 该 模式 更 正式 的 说 法 是 : 偏 函 数 严格 来 讲 是 一 个 减少 函数 参数 个 数 (arity) 的 过 程 ; 这 里 
的 参数 个 数 指 的 是 希望 传 入 的 形 参 的 数量 。 我 们 通过 getorder(..) 把 原 函 数 ajax(..) 的 参 
数 个 数 从 3 个 减少 到 了 2 个 。 


让 我 们 定义 一 个 partial(..) 实用 函数 : 


Functron parteral(tn resetArgs) nt 
return function partiallyApplied(.. .laterArgs)t{ 
return fn( ...presetArgs, ...laterArgs );，; 


}; 


建议 : 只 观 花 是 不 行 的 。 请 花 些 时 间 研 究 一 下 该 实用 有 阴 数 中 发 生 的 事情 。 请 确保 你 站 
的 理解 了 。 在 接 下 来 的 文章 里 ， 我 们 将 会 一 次 又 一 次 地 提 到 该 模式 ， 所 以 你 最 好 现在 就 
适应 它 。 

partial(..) 函数 接收 fn 参数 ， 来 表示 被 我 们 偏 应 用 实 参 〈partially apply) 的 函数 。 接 

着 ， fn 形 参 之 后 ， presetArgs 数组 收集 了 后 面 传 入 的 实 参 ， 保 存 起 来 稍 后 使 用 。 


我 们 创建 并 return 了 一 个 新 的 内 部 函数 (为 了 清晰 明了 ， 我 们 把 它 命 名 
为 partiallyApplied(..) ) ， 该 函数 中 ” laterArgs 数组 收集 了 全 部 实 参 和 


你 注意 到 在 内 部 函数 中 的 fn 和 presetArgs 引用 了 吗 ? 他 们 是 怎么 如 何 工 作 的 ?在 函数 
partial(..) 结束 运行 后 ， 内 部 函数 为 何 还 能 访问 fn 和 presetArgs 引用 ?你 答对 了 ， 就 
是 因为 闭 包 1 内 部 函数 partiallyApplied(..) 封闭 〈closes over) 了 fn 和 presetArgs 变 


量 ， 所 以 无 论 该 函数 在 哪里 运行 ， 在 partial(..) 函 数 运行 后 我 们 仍然 可 以 访问 这 些 变量 。 
所 以 理解 闭 包 是 多 么 的 重要 | 


当 partiallyApplied(..) 况 数 稍 后 在 某 处 执行 时 ， 该 函数 使 用 被 闭 包 作用 (closed over) 的 
fn 引用 来 执行 原 函 数 ， 首 先 传 入 (被 闭 包 作用 的 ) presetArgs 数组 中 所 有 的 偏 应 用 
(partial application ) 实 参 ， 然 后 再 进一步 传 入 laterArgs 数组 中 的 实 参 。 


如 果 你 对 以 上 感到 任何 疑惑 ， 请 停 下 来 再 看 一 遍 。 相 信 我 ， 随 着 我 们 进一步 深入 本 文 ， 你 会 
欣然 接受 这 个 建议 。 


by 


提 一 名 ， 对 于 这 类 代码 ， 函 数 式 编程 者 往往 喜欢 使 用 更 简短 的 => 箭头 函数 语法 (请 看 第 
章 的 “语法 ” 小节) ， 像 这 样 : 


var partial = 
(fn, ...presetArgs) => 
(...laterArgs) => 
fn( ...presetArgs, ...laterArgs ); 


毫 无 疑问 这 更 加 简洁 ， 甚 至 代码 稀少 。 但 我 个 人 觉得 ， 无 论 我 们 从 数学 符号 的 对 称 性 上 获得 
什么 好 处 ， 都 会 因 函 数 变 成 了 匿名 函数 而 在 整体 的 可 读 性 上 失去 更 多 益处 。 此 外 ， 由 于 作用 
域 边界 变 得 模糊 ， 我 们 会 更 加 难以 辨认 闭 包 


不 管 你 喜欢 哪 种 语法 实现 方式 ， 现 在 我 们 用 partial(..) 实用 函数 来 制造 这 些 之 前 提 及 的 偏 
函数 : 


var getPerson = partial( ajax， "http://some.api/person" ); 


var getorder = partial( ajax, "http://some.api/order" ); 


请 暂停 并 思考 一 下 getPerson(..) 汐 数 的 外 形 和 内 在 。 它 相 当 于 下 面 这 样 : 


var getPerson = function partiallyApplied(...laterArgs) { 
return ajax( http://somevapni/ADerson .aterArgs ),; 


}; 


创建 getorder(..) 元 数 可 以 依 彰 芦 画 甘 。 但 是 getcurrentuser(..) 函数 又 如 何 呢 ? 


// 版 本 1 

var getCurrentUser = partiall( 
ajax, 
"http: XASome apilDerson, 
{ user: CURRENT_USER_ID } 

); 


// 版 本 2 
var getCurrentUser = partial( getPerson, { user: CURRENT_USER_ID } ); 


我 们 可 以 (版 本 1) 直接 通过 指定 url 和 data 两 个 实 参 来 定义 getcurrentUser(..) 敬 
数 ， 也 可 以 (版 本 2 ) 将 getCurrentUser(..) 汐 数 定义 成 getPerson(..) 的 偏 应 用 ， 该 偏 应 
用 仅 指 定 一 个 附加 的 data 实 参 。 


因为 版 本 2 重用 了 已 经 定义 好 的 函数 ， 所 以 它 在 表达 上 更 清晰 一 些 。 因 此 我 认为 它 更 加 贴 合 
函数 式 编程 精神 。 


版 本 1 和 2 分别 相 当 于 下 面 的 代码 ， 我 们 仅 用 这 些 代码 来 确认 一 下 对 两 个 函数 版 本 内 部 运行 
机 制 的 理解 。 


// 版 本 1 
var getCurrentUser = function partiallyApplied(...laterArgs) { 
return ajax( 
htt /SOom ani/ADerson, 
{ user: CURRENT_USER_ID }, 
, .laterArgs 


); 
}; 
// 版 本 2 
var getCurrentUser = function outerPartiallyApplied(...outerLaterArgs) { 


var getPerson = function innerPartiallyApplied(...innerLaterArgs)t{ 
return ajax( "http://some.api/person", ...innerLaterArgs ); 


}; 


return getPerson( { user: CURRENT_USER_ID }, ...outerLaterArgs ); 


再 强调 一 下 ， 为 了 确保 你 理解 这 些 代码 段 发 生 了 什么 ， 请 暂停 并 重新 阅读 一 下 它们 。 


注意 : 第 二 个 版 本 的 函数 包含 了 一 个 额外 的 函数 包装 层 。 这 看 起 来 有 些 奇 怪 而 且 多 余 ， 但 对 
于 你 丨 正 要 适应 的 函数 式 编程 来 说 ， 这 仅仅 是 它 的 冰山 一 角 。 随 着 本 文 的 继续 深入 ， 我 们 将 
会 把 许多 函数 互相 包装 起 来 。 记 住 ， 这 就 是 函数 式 编程 ! 


我 们 接着 看 另外 一 个 偏 应 用 的 实用 示例 。 设 想 一 个 add(..) 函数 ， 它 接收 两 个 实 参 ， 并 取 二 
者 之 和 : 


function add(x,y) { 
eu EX 到 EX 


} 


现在 ， 想 象 我 们 要 拿 到 一 个 数字 列表 ， 并 且 给 其 中 每 个 数字 加 一 个 确定 的 数值 。 我 们 将 使 用 
JS 数组 对 象 内 置 的 map(..) 实用 函数 。 


[1,2,3,4,5].map( function adder(val)t{ 
return add( 3, val ); 


7 
WN 加 SORAXSSI 


注意 : 如 果 你 没 见 过 map(..) ， 别 担心 ， 我 们 会 在 本 书后 面 的 部 分 详细 介绍 它 。 目 前 你 只 需 
要 知道 它 用 来 循环 遍历 (loop over) 一 个 数组 ， 在 遍历 过 程 中 调用 函数 产 出 新 值 并 存 到 新 的 
数组 中 。 


因为 add(..) 郊 数 签名 不 是 map(..) 函数 所 预期 的 ， 所 以 我 们 不 直接 把 它 传 入 map(..) 遂 
数 里 。 这 样 一 来 ， 偏 应 用 就 有 了 用 武之 地 : 我 们 可 以 调整 add(,.) 函数 签名 ， 以 符合 
map(..) 函数 的 预期 。 


[1,2,3,4,5] .map( partial( add, 3 ) ); 
0 [ee ty 


bind(..) 


JavaScript 有 一 个 内 建 的 bind(..) 实用 函数 ， 任 何 函 数 都 可 以 使 用 它 。 该 函数 有 两 个 功 
能 : 预 设 this 关键 字 的 上 下 文 ， 以 及 偏 应 用 实 参 。 


我 认为 将 这 两 个 功能 混合 进 一 个 实用 函数 是 极其 糟糕 的 决定 。 有 时 你 不 想 关 心 this 的 绑 
定 ， 而 只 是 要 偏 应 用 实 参 。 我 本 人 基本 上 从 不 会 同时 需要 这 两 个 功能 。 


对 于 下 面 的 方案 ， 你 通常 要 传 null 给 用 来 绑 定 this 的 实 参 (第 一 个 实 参 ) ， 而 它 是 一 个 
可 以 忽略 的 占 位 符 。 因 此 ， 这 个 方案 非常 粮 糕 。 


请 看 : 
var getPerson = ajax.bind( null, "http://some.api/person" ); 
那个 null 只 会 给 我 带 来 无 尽 的 烦恼 。 


将 实 参 顺序 颠倒 


回想 我 们 之 前 调用 Ajax 函数 的 方式 : ajax( url，data，cb ) 。 如 果 要 偏 应 用 cb 而 稍 后 再 
指定 data 和 url 参数 ， 我 们 应 该 怎么 做 呢 ? 我 们 可 以 创建 一 个 可 以 颠倒 实 参 顺序 的 实用 
函数 ， 用 来 包装 原 函 数 。 


function reverseArgs(fn) { 
return function argsReversed(...args){ 
returne fim eargs meverse() nn), 


}; 


// ES6 箭头 函数 形式 
var reverseArgs = 
fn => 
(...args) => 
fn( ...args.reverse() ); 


现在 可 以 颠倒 ajax(..) 实 参 的 顺序 了 ， 接 下 来 ， 我 们 不 再 从 左边 开始 ， 而 是 从 右 侧 开 始 偏 
应 用 实 参 。 为 了 恢复 期 望 的 实 参 顺序 ， 接 着 我 们 又 将 偏 应 用 实 参 后 的 函数 颠倒 一 下 实 参 顺 
序 : 


var cache = {}; 


Var cacheResult = reverseArgs( 
partial( reverseArgs( ajax ), function onResult(obj){ 
cache[obj.id] = obj; 
} ) 
); 


/AE 
cacheResult( "http://some.api/person", { user: CURRENT_USER_ID } ); 


好 ， 我 们 来 定义 一 个 从 右边 开始 偏 应 用 实 参 ( 译 者 注 : 以 下 简称 右 偏 应 用 实 参 ) 的 
partialRight(..) 实用 函数。 我 们 将 运用 和 上 面相 同 的 技巧 于 该 函数 中 : 


function partialRight( fn, ...presetArgs ) { 
return reverseArgs( 
partial( reverseArgs( fn ), ...presetArgs.reverse() ) 


); 


var cacheResult = partialRight( ajax, function onResult(obj)t{ 
cache[obj.id] = obj; 
}); 


// 处 理 后 : 
cacheResult( "http://some.api/person", { user: CURRENT_USER_ID } ); 


这 个 partialRight(..) 函数 的 实现 方案 不 能 保证 让 一 个 特定 的 形 参 接收 特定 的 被 偏 应 用 的 
值 ; 它 只 能 确保 将 被 这 些 值 (一 个 或 几 个 ) 妆 作 原 函 数 最 右边 的 实 参 (一 个 或 几 个 ) 传 入 。 


举 个 例子 : 


unetron ioo(xX yz 
var rest = [].slice.call( arguments, 3 ); 
console.log( xy z, rest ); 


} 


var f = partialRight( foo, "z:last" ); 


FG 2 0) 2 eve | 
f( 1 ); // 1 "z:last" undefined [] 
(2 J 2 zs 


2 WA a 2 EY | ee esl] 


只 有 在 传 两 个 实 参 (匹配 到 x 和 y 形 参 ) 调用 f(..) 函数 时 ，"z:last" 这 个 值 才能 被 
赋 给 函数 的 形 参 z 。 在 其 他 的 例子 里 ， 不 管 左 边 有 多 少 个 实 参 ，"z:1last" 都 被 传 给 最 右 的 


实 参 。 


小 


一 次 传 一 个 


我 们 来 看 一 个 跟 偏 应 用 类 似 的 技术 ， 该 技术 将 一 个 期 望 接收 多 个 实 参 的 函数 拆 解 成 连续 的 链 
式 函 数 (chained functions ) ， 每 个 链 式 函数 接收 单一 实 参 ( 实 参 个 数 : 1) 并 返回 另 一 个 接 
收 下 一 个 实 参 的 函数 。 


这 就 是 柯 里 化 (currying) 技术 。 


首先 ， 想 象 我 们 已 创建 了 一 个 ajax(,.) 的 柯 里 化 版 本 。 我 们 这 样 使 用 它 : 


curriedAjax( "http://some.api/person" ) 
( { user: CURRENT_USER ID } ) 
@ functiom roundUser(user) en /0 


我 们 将 三 次 调用 分 别 拆 解 开 来 ， 这 也 许 有 助 于 我 们 理解 整个 过 程 : 
var personFetcher = curriedAjax( "http://some.api/person" ); 


var getCurrentUser = personFetcher( { user: CURRENT_USER_ID } ); 


getCurrentUser( function foundUser(user){ /* .. */ } ); 


该 curriedAjax(..) 函数 在 每 次 调用 中 ， 一 次 只 接收 一 个 实 参 ， 而 不 是 一 次 性 接收 所 有 实 参 
( 像 ajax(..) 那样 ) ， 也 不 是 先 传 部 分 实 参 再 传 剩 余部 分 实 参 (借助 partial(..) 蔬 
数 ) 。 

柯 里 化 和 偏 应 用 相似 ， 每 个 类 似 偏 应 用 的 连续 柯 里 化 调用 都 把 另 一 个 实 参 应 用 到 原 函 数 ， 一 
直到 所 有 实 参 传递 完毕 。 

不 同 之 处 在 于 ， curriedAjax(..) 函数 会 明确 地 返回 一 个 期 望 只 接收 下 一 个 实 参 data 的 函 


数 (我 们 把 它 叫 做 curriedGetPerson(..) ) ， 而 不 是 那个 能 接收 所 有 剩余 实 参 的 函数 ( 像 此 前 
的 getPerson(..) 函数 ) 


如 果 一 个 原 函 数 期 望 接收 5 个 实 参 ， 这 个 函数 的 柯 里 化 形式 只 会 接收 第 一 个 实 参 ， 并 且 返 
一 个 用 来 接收 第 二 个 参数 的 函数 。 而 这 个 被 返回 的 函数 又 只 接收 第 二 个 参数 ， 并 且 返 回 一 个 
接收 第 三 个 参数 的 函数 。 依 此 类 推 。 


由 此 而 知 ， 柯 里 化 将 一 个 多 参数 (higher-arity) 函数 拆 解 为 一 系列 的 单元 链 式 函数 。 


如 何 定义 一 个 用 来 柯 里 化 的 实用 函数 呢 ? 我 们 将 要 用 到 第 2 章 中 的 一 些 技巧 。 


Runetron curry(tn ariey tnlLengtm 
return (function nextCurried(prevArgs){ 
return function curried(nextArg)t{ 
var args = prevArgs.concat( [nextArg] ); 


If (args.length >= arity) { 


return fn ...args )» 
} 
else 1{ 
return nextCurried( args ); 
} 
}; 
})( [] ); 


ES6 箭头 函数 版 本 : 


var curry = 
(fn, arity = fn.length, nextCurried) => 
(nextCurried = prevArgs => 
nextArg => { 
var args = prevArgs.concat( [nextArg] ); 


if (args.length >= arity) { 


return fn( ...argys ); 
} 
else { 
return nextCurried( args ); 
} 
} 
)( [] ); 


此 处 的 实现 方式 是 把 空 数组 [] 当 作 prevArgs 的 初始 实 参 集合 ， 并 且 将 每 次 接收 到 的 
nextArg 同 prevArgs 连接 成 args 数组 。 当 args.length 小 于 arity ( 原 函 数 让 mL(E 和 
被 定义 和 期 望 的 形 参数 量 ) 时 ， 返 回 另 一 个 curried(..,) 函数 ( 译 者 注 : 这 里 指 代 
nextCurried(..) 返回 的 函数 ) 用 来 接收 下 一 个 nextArg 实 参 ， 与 此 同时 将 args 实 参 集合 
作为 唯一 的 prevArgs 参数 传 入 nextcurried(..) 函数 。 一 旦 我 们 收集 了 足够 长 度 的 args 
数组 ， 就 用 这 些 实 参 触发 原 函 数 fn(..) 。 


默认 地 ， 我 们 的 实现 方案 基于 下 面 的 条 件 : 在 拿 到 原子 数 期 望 的 全 部 实 参 之 前 ， 我 们 能 够 通 
过 检查 将 要 被 柯 里 化 的 函数 的 length 属性 来 得 知 柯 里 化 需要 迭代 多 少 次 


0° 


假如 你 将 该 版 本 的 curry(..) 函数 用 在 一 个 length 属性 不 明确 的 函数 上 一 一 六 数 的 形 参 
声明 包含 默认 形 参 值 、 形 参 解 构 ， 或 者 它 是 可 变 参 数 函 数 ， 用 ...args 当 形 参 ; 参考 第 2 章 
一 一 你 将 要 传 入 arity 参数 (作为 curry(..) 的 第 二 个 形 参 ) 来 确保 curry(..) 函数 的 

正常 俊 行 4 


我 们 用 curry(..) 函数 来 实现 此 前 的 ajax(..) 例子 : 

var curriedAjax = curry( ajax ); 

var personFetcher = curriedAjax( "http://some.api/person" ); 

var getCurrentUser = personFetcher( { user: CURRENT_USER_ID } ); 

getCurrentUser( function foundUser(user){ /* .. */ } ); 
如 上 ， 我 们 每 次 函数 调用 都 会 新 增 一 个 实 参 ， 最 终 给 原 函 数 ajax(..) 使 用 ， 直 到 收 齐 三 个 
实 参 并 执行 ajax(..) 函数 为 止 。 


还 记得 前 面 讲 到 为 数值 列表 的 每 个 值 加 3 的 那个 例子 吗 ? 回顾 一 下 ， 由 于 柯 里 化 是 和 偏 应 用 
相似 的 ， 所 以 我 们 可 以 用 几乎 相同 的 方式 以 柯 里 化 来 完成 那个 例子 。 


[1,2,3,4,5].map( curry( add )( 3 ) ); 
VAS 


partial(add, 3) 和 curry(add)(3) 两 者 有 什么 不 同 呢 ?为 什么 你 会 选 curry(..) 而 不 是 偏 
函数 呢 ? 当 你 先 得 知 add(..) 是 将 要 被 调整 的 函数 ， 但 如 果 这 个 时 候 并 不 能 确定 3 这 个 
值 ， 柯 里 化 可 能 会 起 作用 : 


var adder = curry( add ); 


/Adater 
[1,2,3,4,5] .map( adder( 3 ) ); 
/lA Sra 


让 我 们 来 看 看 另 一 个 有 关 数 字 的 例子 ， 这 次 我 们 拿 一 个 列表 的 数字 做 加 法 : 


UnctaonEsum(E args  { 
var sum = 0，; 
for (let i = 0; i < args.length; i++) { 
sum += args[i]; 
} 


return sum; 


} 


Sunm( ZE SA SN /ES 






// (5 用 来 指定 需要 链 式 调用 的 次 数 ) 
var curriedSum = oe sum, 5 ); 


curriedsum( 1 )( 2)( 3 )( 4 )( 5 ); /二 15 


这 里 柯 里 化 的 好 处 是 ， 每 次 函数 调用 传 入 一 个 实 参 ， 并 生成 另 一 个 特定 性 更 强 的 函数 ， 之 后 
我 们 可 以 在 程序 中 获取 并 使 用 那个 新 函数 。 而 偏 应 用 则 是 预先 指定 所 有 将 被 偏 应 用 的 实 参 ， 
产 出 一 个 等 待 接收 剩 下 所 有 实 参 的 函数 。 


如 果 想 用 偏 应 用 来 每 次 指定 一 个 形 参 ， 你 得 在 每 个 隐 数 中 未 次 调用 partialApply(..) 函数 。 
而 被 柯 里 化 的 函数 可 以 自动 完成 这 个 工作 ， 这 让 一 次 单独 传递 一 个 参数 变 得 更 加 符合 人 机 工 


程 学 。 


在 JavaScript 中 ， 柯 里 化 和 偏 应 用 都 使 用 闭 包 来 保存 实 参 ， 直 到 收 齐 所 有 实 参 后 我 们 再 执行 
原 函 数 。 


柯 里 化 和 偏 应 用 有 什么 用 ? 


无 论 是 柯 里 化 风格 ( sum(1)(2)(3) ) 还 是 偏 应 用 风格 ( partial(sum,1， ee ， 它 们 的 签名 
比 普通 函数 签名 奇怪 得 多 。 那 么 ， 在 适应 函数 式 编程 的 时 候 ， 我 们 为 什么 么 做 呢 ? 答案 
有 几 个 方面 。 


首先 是 显而易见 的 理由 ， 使 用 柯 里 化 和 偏 应 用 可 以 将 指定 分 离 实 参 的 时 机 和 地 方 独立 开 来 
(遍及 代码 的 每 一 处 ) ， 而 传统 函数 调用 则 人 。 如 果 你 在 代码 某 一 处 只 
获取 了 部 分 实 参 ， 然 后 在 另 一 处 确定 另 一 部 分 实 参 ， 这 个 时 候 柯 里 化 和 偏 应 用 就 能 派 上 用 
场 。 


另 一 个 最 能 体现 柯 里 化 应 用 的 的 是 ， 当 函数 只 有 一 个 形 参 时 ， 我 们 能 够 比较 容易 地 组 合 它 
们 。 因 此 ， 如 果 一 个 函数 最 终 需 要 三 个 实 参 ， 那 么 它 被 柯 里 化 以 后 会 变 成 需要 三 次 调用 ， 每 
次 调用 需要 一 个 实 参 的 函数 。 当 我 们 组 合 函 数 时 ， 这 种 单元 函数 的 形式 会 让 我 们 处 理 起 来 更 
简单 。 我 们 将 在 后 面 继续 探讨 这 个 话题 。 


如 何 柯 里 化 多 个 实 参 ? 


到 目前 为 止 ， 我 相信 我 给 出 的 是 我 们 能 在 JavaScript 中 能 得 到 的 ， 最 精 基 的 柯 里 化 定义 和 实 
现 方 式 。 
具体 来 说 ， 如 果 简 单 看 下 柯 里 化 在 | 语言 J 用 ， 我 们 会 发 现 一 个 函数 总 是 在 一 次 柯 


里 化 诬 多 个 实务 包含 多 个 值 的 元 组 (tuple， 类 似 我 们 的 数组 ) 
实 参 。 














在 Haskell 中 的 示例 : 


foo 1 2 3 


该 示例 调用 了 foo 函数 ， 并 且 根 据 传 入 的 三 个 值 1、2 和 3 得 到 了 结果 。 但 是 在 
Haskell 中 ， 郊 数 会 自动 被 柯 里 化 ， 这 意味 着 我 们 传 入 函数 的 值 都 分 别传 入 了 单独 的 柯 里 化 调 
用 。 在 JS 中 看 起 来 则 会 是 这 样 : foo(1)(2)(3) 。 这 和 我 此 前 讲 过 的 curry(..) 风格 如 出 一 
办 。 


注意 : 在 Haskell 中 ，foo (1,2,3) 不 是 把 三 个 值 当 作 单 独 的 实 参 一 次 性 传 入 函数 ， 而 是 把 

它们 包含 在 一 个 元 组 (类似 JS 数组 ) 中 作为 单独 实 参 传 入 函数 。 为 了 正常 运行 ， 我 们 需要 改 
变 foo 函数 来 处 理 作 为 实 参 的 元 组 。 据 我 所 知 ， 在 Haskell 中 我 们 没有 办 法 在 一 次 函数 调用 
中 将 全 部 三 个 实 参 独立 地 传 入 ， 而 需要 柯 里 化 调用 每 个 函数 。 诚 然 ， 多 次 调用 对 于 Haskell 开 
发 者 来 说 是 透明 的 ， 但 对 JS 开发 者 来 说 ， 这 在 语法 上 更 加 一 目 了 然 。 


基于 以 上 原因 ， 我 认为 此 前 展示 的 curry(.,) 函数 是 一 个 对 Haskell 柯 里 化 的 可 靠 改 编 ， 我 
把 它 叫 做 “严格 柯 里 化 ”。 


然而 ， 我 们 需要 注意 ， 大 多 数 流行 的 JavaScript 函数 式 编程 库 都 使 用 了 一 种 并 不 严格 的 柯 里 
化 (loose currying) 定义 。 


具体 来 说 ， 往 往 JS 柯 里 化 实用 函数 会 允许 你 在 每 次 柯 里 化 调用 中 指定 多 个 实 参 。 回 顾 一 下 之 
前 提 到 的 sum(..) 示例 ， 松 散 柯 里 化 应 用 会 是 下 面 这 样 : 


var curriedSum = looseCurry( sum, 5 ); 


curriedSum( 190)( 2 3)(4 5 9) ALS 


可 以 看 到 ， 语 法 上 我 们 节省 了 () 的 使 用 ， 并 且 把 五 次 函数 调用 减少 成 三 次 ， 间 接 提高 了 性 
能 。 除 此 之 外 ， 使 用 loosecurry(..) 函数 的 结果 也 和 之 前 更 加 狭义 的 curry(..) 函数 一 
样 。 我 猜 便 利 性 和 性 能 因素 是 众 框架 允许 多 实 参 柯 里 化 的 原因 。 这 看 起 来 更 像 是 品味 问题 。 


注意 : 松散 柯 里 化 允许 你 传 入 超过 形 参 数量 (arity， 原 函数 确认 或 指定 的 形 参 数量 ) 的 实 
参 。 如 果 你 将 函数 的 参数 设计 成 可 配 的 或 变化 的 ， 那 么 松散 柯 里 化 将 会 有 利于 你 。 例 如 ， 如 
果 你 将 要 柯 里 化 的 函数 接收 5 个 实 参 ， 松 散 柯 里 化 依然 允许 传 入 超过 5 个 的 实 参 

( curriedsum(1)(2,3,4)(5,6) ) ， 而 严格 柯 里 化 就 不 支持 curriedsum(1)(2)(3)(4)(5)(6) 。 


我 们 可 以 将 之 前 的 柯 里 化 实现 方式 调整 一 下 ， 使 其 适应 这 种 常见 的 更 松散 的 定义 : 


functaon LooseCurrv(fn arity — Tnalengen) es 
return (function nextCurried(prevArgs)t{ 
netunrn functromn eurraed( nextArgoDt 
var args = prevArgs.concat( nextArgs ); 


if (args.length >= arity) { 


returnmn fn args), 
} 
else { 
return nextCurried( args ); 
} 
}; 
})( [] ); 


现在 每 个 柯 里 化 调用 可 以 接收 一 个 或 多 个 实 参 了 (收集 在 nextArgs 数组 中 ) 。 至 于 这 个 实 
用 部 数 的 ES6 箭头 函数 版 本 ， 我 们 就 留 作 一 个 小 练习 ， 有 兴趣 的 读者 可 以 模仿 之 前 
curry(..) 汐 数 的 来 完成 。 


反 柯 里 化 


你 也 会 遇 到 这 种 情况 : 拿 到 一 个 柯 里 化 后 的 函数 ， 却 想 要 它 柯 里 化 之 前 的 版 本 一 一 这 本 质 上 
就 是 想 将 类 似 f(1)(2)(3) 的 函数 变 回 类 似 g(1,2,3) 的 函数 。 


不 出 意料 的 话 ， 处 理 这 个 需求 的 标准 实用 函数 通常 被 叫 作 uncurry(..) 。 下 面 是 简陋 的 实现 
方式 : 


Functaon ueurr yn 
return function uncurried(...args){ 
Varete = fing 


for (let i = 0; i < args.length; i++) { 
ret = ret( args[i] ); 


neturneret, 
}; 
} 


// ES6 箭头 函数 形式 
Var Uncurry = 
fn => 


(...args) => { 
var ret = fn; 


for (let 1 ="0, 1 < args length i++) { 
ret = ret( args[i] ); 


return ret, 


小 


警告 ; 请 不 要 以 为 uncurry(curry(f)) 和 f 函数 的 行为 完全 一 样 。 虽 然 在 某 些 库 中 ， 反 柯 
里 化 使 函数 变 成 和 原 函 数 ( 译 者 注 : 这 里 的 原 防 数 指 柯 里 化 之 前 的 函数 ) 类 似 的 函数 ， 但 是 
凡事 绰 有 例外 ， 我 们 这 里 就 有 一 个 例外 。 如 果 你 传 入 原 函 数 期 望 数量 的 实 参 ， 那 么 在 反 柯 里 
化 后 ， 遂 数 的 行为 (大 多 数 情 况 下 ) 和 原 函 数 相同 。 然 而 ， 如 果 你 少 传 了 实 参 ， 就 会 得 到 一 
个 仍然 在 等 待 传 入 更 多 实 参 的 部 分 柯 里 化 函数 。 我 们 在 下 面 的 代码 中 说 明 这 个 怪异 行为 。 


functron sum angsy 
var sum = 0; 
for (let i = 0; i < args.length; i++) { 
sum += args[i]; 
} 


return sum; 
var curriedSum = curry( sum, 5 ); 
var uncurriedSum = uncurry( curriedSum ); 
curriedSum( 1 )( 2)(3)(4 )( 5 ); X71S 


uneurriedSum( 1 .2.34 5 ); J lS 
uncurriedSum( 1, 2, 3 )( 4 )( 5 ); AS 


uncurry() 函数 最 为 常见 的 作用 对 象 很 可 能 并 不 是 人 为 生成 的 柯 里 化 函数 【例如 上 文 所 
示 ) ， 而 是 某 些 操作 所 产生 的 已 经 被 柯 里 化 了 的 结果 函数 。 我 们 将 在 本 章 后 面 关 于 “无 形 参 风 
格 ” 的 讨论 中 站 述 这 种 应 用 场景 。 


只 要 一 个 实 参 


设想 你 向 一 个 实用 函数 传 入 一 个 函数 ， 而 这 个 实用 函数 会 把 多 个 实 参 传 入 函数 ， 但 可 能 你 只 
希望 你 的 函数 接收 单一 实 参 。 如 果 你 有 个 类 似 我 们 前 面 提 到 被 松散 柯 里 化 的 函数 ， 它 能 接收 


多 个 实 参 ， 但 你 却 想 让 它 接收 单一 实 参 。 那 么 这 就 是 我 想 说 的 情况 。 


我 们 可 以 设计 一 个 简单 的 实用 函数 ， 它 包装 一 个 函数 调用 ， 确 保 被 包装 的 函数 只 接收 一 个 实 
参 。 既 然 实际 上 我 们 是 强制 把 一 个 函数 处 理 成 单 参数 函数 (unary) ， 那 我 们 索性 就 这 样 命名 


function unary(fn) { 
return function onlyOneArg(arg)t{ 
return fn( arg ) 


}; 
} 
// ES6 箭头 函数 形式 
var unary = 
fn => 
arg => 
fn( arg ); 


我 们 此 前 已 经 和 map(..) 函数 打 过 照 面 了 。 它 调用 传 入 其 中 的 mapping 元 数 时 会 传 入 三 个 
实 参 : value 、index 和 1list 。 如 果 你 希望 你 传 入 map(..) 的 mapping 函数 只 接收 一 个 
参数 ， 比 如 value ， 你 可 以 使 用 unary(..) 函数 来 操作 : 


funetaon unar Gin 有 
return function onlyoneArg(arg){ 
return fn( arg ) 
}; 
} 


var adder = looseCurry( sum, 2 ); 


// 出 问题 了 : 
[1,2,3,4,5] .map( adder( 3 ) ); 
国有 


// 用 unary(..) ”修复 后 : 
[1,2,3,4,5],map( unary( adder( 3 ) ) ); 
Jo | | 


另 一 种 常用 的 unary(..) 函数 调用 示例 : 


[Eco maplpacseFELa yi 
ES 


Le 2 oman arselnen 
// [1,NaN,NaN] 


B20 3 map( unary parsermte) Dy 
Vi/ 2] 


对 于 parseInt(str,radix) 这 个 函数 调用 ， 如 果 map(..) 函数 调用 它 时 在 它 的 第 二 个 实 参 位 
置 传 入 index ， 那 么 毫 无 疑问 parseInt(..) 会 将 index 理解 为 radix 参数 ， 这 是 我 们 不 
希望 发 生 的 。 而 unary(..) 函数 创建 了 一 个 只 接收 第 一 个 传 入 实 参 2 忽略 其 他 实 参 的 新 函 
数 ， 这 就 意味 着 传 入 index 不 再 会 被 误解 为 radix 参数 。 


传 一 个 返回 一 个 


说 到 只 传 一 个 实 参 的 函数 ， 在 函数 式 编程 工具 库 中 有 另 一 种 通用 的 基础 函数 : 该 函数 接收 一 
个 实 参 ， 然 后 什么 都 不 做 ， 原 封 不 动 地 返回 实 参 值 。 


Funetaon mdentaty (ve 
return Vv,; 


} 


// ES6 箭头 函数 形式 
var Identity = 
Vv => 


V， 


看 起 来 这 个 实用 函数 简单 到 了 无 处 可 用 的 地 步 。 但 即使 是 简单 的 函数 在 函数 式 编程 的 世界 里 
也 能 发 挥 作用 。 就 像 演艺 圈 有 名 该 语 : 没有 小 角色 ， 只 有 小 演员 。 

举 个 例子 ， 想 象 一 下 你 要 用 正则 表达 式 拆 分 〈split up) 一 个 字符 串 ， 但 输出 的 数组 中 可 能 包 
含 一 些 空 值 。 我 们 可 以 使 用 filter(..) 数组 方法 (下 文 会 详细 说 到 这 个 方法 ) 来 得 除 空 
值 ， 而 我 们 将 identity(..) 有 函数 作为 filter(..) 的 断言 : 


var words = " Nowers che time ora ee Spe( /NSNbDA 和 
words; 
pi Bom NOwW elo tne ne dl | 


words.filter( identity ); 
Pap ["Now", US ns "time", Wf vad mT ge ol 


既然 identity(..) 会 简单 地 返回 传 入 的 值 ， 而 JS 会 将 每 个 值 强制 转换 为 true 或 
false ， 这 样 我 们 就 能 在 最 终 的 数组 里 对 每 个 值 进行 保存 或 排除 。 


小 贴 士 : 像 这 个 例子 一 样 ， 另外 一 个 能 被 用 作 断 言 的 单 实 参 函数 是 JS 自 有 的 Boolean(..) 
方法 ， 该 方法 会 强制 把 传 入 值 转 为 true 或 false 。 


另 一 个 使 用 identity(..) 的 示例 就 是 将 其 作为 蔡 代 一 个 转换 函数 ( 译 者 注 : 
transformation， 这 里 指 的 是 对 传 入 值 进 行 修改 或 调整 ， 返 回 新 值 的 函数 ) 的 默认 函数 : 


function output(msg,formatFn = identity) { 
msg = formatFn( msg ); 
console.log( msg ); 


} 


function upper(txt) a 
return txt.toUpperCase(); 


} 
output( "Hello World", upper ); // HELLO WORLD 
output( "Hello World" ); // Hello World 


如 果 不 给 output(. 鸥 数 的 formatFn 参数 设置 默认 值 ， 我 们 可 以 叫 出 老 朋 友 


:) 
partialRight(..) 函数 : 


var Specialoutput = partialRight( output, upper ); 
var simpleOutput = partialRight( output, identity ); 


Specialoutput( "Hello World" ); // HELLO WORLD 


simpleOutput( "Hello World" ); /A Nello Wonmld 


你 也 可 能 会 看 到 identity(..) 被 当 作 map(..) 函数 调用 的 默认 转换 函数 ， 或 者 作为 某 个 束 
数 数组 的 reduce(..) 函数 的 初始 值 。 我 们 将 会 在 第 8 章 中 提 到 这 两 个 实用 函数 。 


恒定 参数 


Certain API 禁止 直接 给 方法 传 值 ， 而 要 求 我 们 传 入 一 个 函数 ， 就 算 这 个 函数 只 是 返回 一 个 
值 。JS Promise 中 的 then(..) 方法 就 是 一 个 Certain APIl。 很 多 人 声称 ES6 箭头 函数 可 以 
当 作 这 个 问题 的 “解决 方案 "。 但 我 这 有 一 个 函数 式 编程 实 用 函数 可 以 完美 胜任 该 任务 : 


function constant(v) { 

return function value(){ 
returmn vy 

}; 

} 

// or the ES6 => form 

var constant = 
V => 


作 => 


Vi 


这 个 微小 而 简洁 的 实用 函数 可 以 解决 我 们 关于 then(..) 的 烦恼 : 


pi.then( foo ).then( () => p2 ),then( bar ); 
Ne 
pi.then( foo ).then( constant( p2 ) ).then( bar ); 
警告 : 尽管 使 用 () => p2 箭头 函数 的 版 本 比 使 用 constant(p2) 的 版 本 更 简短 ， 但 我 建议 


尔 忍 住 别 用 前 者 。 该 箭头 函数 返回 了 一 个 来 自 外 作用 域 的 值 ， 这 和 函数 式 编程 的 理念 有 些 矛 
盾 。 我 们 将 会 在 后 面 第 5 章 的 “减少 副作用 "小 节 中 提 到 这 种 行为 带 来 的 陷阱 。 


扩展 在 参数 中 的 妙用 
在 第 2 章 中 ， 我 们 简要 地 讲 到 了 形 参 数组 解构 。 回 顾 一 下 该 示例 : 


umetroneEoc( ev eargsd 
/7 


} 


foo( [1,2,3] ); 


在 foo(..) 子 数 的 形 参 列表 中 ， 我 们 期 望 接收 单一 数组 实 参 ， 我 们 要 把 这 个 数组 拆 解 一 
或 者 更 贴切 地 说 ， 扩 展 (spread out) 一 ”成 独立 的 实 参 x 和 y 。 除 了 头 两 个 位 置 以 外 的 
参数 值 我 们 都 会 通过 ..， 操作 将 它们 收集 在 args 数组 中 。 


当 函 数 必须 接收 一 个 数组 ， 而 你 却 想 把 数组 内 容 当 成 单独 形 参 来 处 理 的 时 候 ， 这 个 技巧 十 分 
有 用 。 


然而 ， 有 的 时 候 ， 你 无 法 改变 原 函 数 的 定义 ， 但 想 使 用 形 参 数组 解构 。 举 个 例子 ， 请 思考 下 
面 的 函数 : 


Gunctnone ioo(e vy 
console.log( x + y ); 


} 


function bar(fn) { 
fn( [ 3, 9 ] ); 
} 


bar( foo ); // 失败 


你 注意 到 为 什么 bar(foo) 函数 失败 了 吗 ? 


我 们 将 [3,9] 数组 作为 单一 值 传 入 fn(..) 函数 ， 但 foo(..) 期 望 接收 单独 的 x 和 y 

形 参 。 如 果 我 们 可 以 把 foo(..) 的 函数 声 明 改 变 成 function foo([x,y]) { .. 那 就 好 办 了 。 
或 者 ， 我 们 可 以 改变 bar(..) 前 数 的 行为 ， 把 调用 改 成 fn(...[3,9]) ， 这 样 就 能 将 3 和 
9 分 别传 入 foo(..) 函数 了 。 


假设 有 两 个 在 此 方法 上 互 不 兼容 的 函数 ， 而 且 由 于 各 种 原因 你 无 法 改变 它们 的 声明 和 定义 。 
那么 你 该 如 何 一 并 使 用 它们 呢 ? 


为 了 调整 一 个 函数 ， 让 它 能 把 接收 的 单一 数组 扩展 成 各 自 独 立 的 实 参 ， 我 们 可 以 定义 一 个 辅 
助 函 数 : 


function spreadArgs(fn) { 
return function spreadFn(argsArr) { 
return fn( ...argsArr ); 
}; 
} 


// ES6 箭头 函数 的 形式 : 
var SpreadArgs = 
fn => 
argsArr => 
fn( ...argsArr ); 


注意 : 我 把 这 个 辅助 函数 叫做 spreadArgs(..) ， 但 一 些 库 ， 比 如 Ramda， 经 常 把 它 叫做 
apply(..) ° 


现在 我 们 可 以 使 用 spreadArgs(..) 来 调整 foo(..) 函数 ， 使 其 作为 一 个 合适 的 输入 参数 并 
正常 地 工作 : 


bar( spreadArgs( foo ) ); 0 


相信 我 ， 虽 然 我 不 能 讲 清 楚 这 些 问题 出 现 的 原因 ， 但 它们 一 定 会 出 现 的 。 本 质 
上 ， spreadArgs(..) 函数 使 我 们 能 够 定义 一 个 借助 数组 return 多 个 值 的 函数 ， 不 过 ， 它 让 
这 些 值 仍然 能 分 别 作 为 其 他 函数 的 输入 参数 来 处 理 。 


一 个 函数 的 输出 作为 另外 一 个 函数 的 输入 被 称 作 组 合 (composition ) ， 我 们 将 在 第 四 章 详细 


讨论 这 个 话题 。 


尽管 我 们 在 谈论 spreadArgs(..) 实用 函数 ， 但 我 们 也 可 以 定义 一 下 实现 相反 功能 的 实用 函 
数 : 


function gatherArgs(fn) { 
return function gatheredEn( argsaArr)n et 
return fn( argsArr ); 


}; 
上 


// ES6 箭头 函数 形式 
var gatherArgs = 
fn => 
(...argsArr) => 
fn( argsArr ); 


注意 : 在 Ramda 中 ， 该 实用 函数 被 称 作 unapply(..) ， 是 与 apply(..) 功能 相反 的 函数 。 
我 认为 术语 “扩展 (spread) ”和 "聚集 (gather) ”可 以 把 这 两 个 函数 发 生 的 事情 解释 得 更 好 
一 些 。 


因为 有 时 我 们 可 能 要 调整 一 个 函数 ， 解 构 其 数组 形 参 ， 使 其 成 为 另 一 个 分 别 接收 单独 实 参 的 
函数 ， 所 以 我 们 可 以 通过 使 用 gatherArgs(..) 实用 函数 来 将 单独 的 实 参 聚集 到 一 个 数组 中 。 
我 们 将 在 第 8 章 中 细 说 reduce(..) 函数 ， 这 里 我 们 简要 说 一 下 : 它 重复 调用 传 入 的 reducer 
函数 ， 其 中 reducer 函数 有 两 个 形 参 ， 现 在 我 们 可 以 将 这 两 个 形 参 聚集 起 来 : 


function combineFirstTwo([ vi, v2 ]) i 
returnnvir v2. 


} 


[1,2,3,4,5].reduce( gatherArgs( combineFirstTwo ) ); 
TA db 


参数 顺 友 的 那些 事 儿 


对 于 多 形 参 函数 的 柯 里 化 和 偏 应 用 ， 我 们 不 得 不 通过 许多 令 人 忻 恼 的 技巧 来 修正 这 些 形 参 的 
顺序 。 ee 但 这 种 顺序 没有 兼容 
性 ， 我 们 不 得 不 绞 尽 脑汁 来 重新 调整 它 。 


让 人 沁 吕 的 可 不 仅 是 我 们 需要 使 用 实用 a ， 在 此 之 外 ， 这 种 做 法 还 会 导致 我 们 
的 代码 被 无 关 代 码 混 淆 。 这 种 东西 就 像 碎 纸 片 ， 这 一 片 那 一 片 的 ， 而 不 是 一 整个 突出 问题 ， 
但 这 些 问 题 的 细碎 丝 毫 不 会 减少 它们 带 来 的 苦 人 o 


难道 就 没有 能 让 我 们 从 修正 参数 顺序 这 件 事 里 解脱 出 来 的 方法 吗 1 ? 


在 第 2 章 里 ， 我 们 讲 到 了 命名 实 参 (named-argument) 解构 模式 。 回 顾 一 下 : 


Unctron noo( (xv 司 ) 下 人 
console.log( x, y ); 


je Oho // undefined 3 





我 们 将 foo(..) 函数 的 第 一 个 形 参 它 被 期 望 是 一 个 对 象 一 一 解构 成 单独 的 形 参 x 和 
y 。 接 着 在 调用 时 传 入 一 个 对 答 实 参 ， 并 且 提 供 函 数 期 望 的 属性 ， 这 样 就 可 以 把 “命名 实 参 ” 


映射 到 相应 形 参 上 。 


命名 实 参 主要 的 好 处 就 是 不 用 再 纠结 实 参 传 入 的 顺序 ， 因 此 提高 了 可 读 性 。 我 们 可 以 发 气 一 
下 看 看 是 否 能 设计 一 个 等 效 的 实用 函数 来 处 理 对 象 属性， 以 此 提高 柯 里 化 和 偏 应 用 的 可 读 
性 : 


function partialProps(fn,presetArgsobj) { 
return function partiallyApplied(laterArgs0bj){ 
return fn( Object.assign( {}, presetArgs0b]j, laterArgs0bj ) ); 
}; 
} 


function curryProps(fn,arity = 1) { 
return (function nextCurried(prevArgsObj){ 
return functron curried(nextArgoby = {}) 
var [key] = Object.keys( nextArgobj ); 
var allArgs0bj = Object.assign( {}, prevArgs0Obj, { [key]: nextArgobj[key] 


} ); 
if (0bject,keys( allArgs0bj ).length >= arity) { 
return fn( alJArgsobj ); 
} 
else { 
return nextCurried( allArgs0bj ); 
} 
}; 
})( {} ); 
} 


我 们 甚至 不 需要 设计 一 个 partialPropsRight(..) 函数 了 ， 因 为 我 们 根本 不 需要 考虑 属性 的 映 
射 顺序 ， 通 过 命名 来 映射 形 参 完全 解决 了 我 们 有 关于 顺序 的 烦恼 ! 


我 们 这 样 使 用 这 些 使 用 函数 : 


Functaon tooG Xx Vy 20 Of 
console Loo( XI Zolz 0 
} 


var f1 = curryProps( foo, 3 ); 
var f2 = partialProps( foo, { y: 2 } ); 


f1( {y: 2} )( {x: 1} )( {z: 3} ); 


WO ZE 


2 (0 2 
ZX 2 


Me) 
PLAN 


我 们 不 用 再 为 参数 顺序 而 烦恼 了 ! 现在， 我 们 可 以 指定 我 们 想 传 入 的 实 参 ， 而 不 用 管 它们 的 
顺序 如 何 。 再 也 不 需要 类 似 reverseArgs(..) 的 函数 或 其 它 受 协 了 。 赞 ! 


属性 扩展 


不 幸 的 是 ， 只 有 在 我 们 可 以 掌控 foo(..,) 的 部 数 签名 ， 并 且 可 以 定义 该 函数 的 行为 ， 使 其 解 
构 第 一 个 参数 的 时 候 ， 以 上 技术 才能 起 作用 。 如 果 一 个 函数 ， 其 形 参 是 各 自 独立 的 (没有 经 
过 形 参 解构 ) ， 而 且 不 能 改变 它 的 函数 签名 ， 那 我 们 应 该 如 何 运用 这 个 技术 呢 ? 


Funetron Danm( yz) 
Console log xX Pox VP Zz 
} 


就 像 之 前 的 spreadArgs(..) 实用 函数 一 样 ， 我 们 也 可 以 定义 一 个 spreadArgProps(..) 辅助 
函数 ， 它 接收 对 象 实 参 的 key: value 键 值 对 ， 并 将 其 “扩展 ”成 独立 实 参 。 


不 过 ， 我 们 需要 注意 某 些 异常 的 地 方 。 我 们 使 用 spreadArgs(..) 函数 处 理 数组 实 参 时 ， 参 数 
的 顺序 是 明确 的 。 然 而 ， 对 象 属性 的 顺序 是 不 太 明 确 且 不 可 靠 的 。 取 决 于 不 同 对 象 的 创建 广 
式 和 属性 设置 方式 ， 我 们 无 法 完全 确认 对 象 会 产生 什么 顺序 的 属性 枚 举 。 


针对 这 个 问题 ， 我 们 定义 的 实用 函数 需要 让 你 能 够 指定 函数 期 望 的 实 参 顺 序 〈 比 如 属性 枚 举 
的 顺序 ) 。 我 们 可 以 传 入 一 个 类 似 ["x","y","z"] 的 数组 ， 通 知 实用 函数 基于 该 数组 的 顺序 
来 获取 对 象 实 参 的 属性 值 。 


这 着 实 不 错 ， 但 还 是 有 点 瑕 竟 ， 就 兽 是 最 简单 的 函数 ， 我 们 也 免不了 为 其 增添 一 个 由 属性 名 
构成 的 数组 。 难 道 我 们 就 没有 一 种 可 以 探知 部 数 形 参 顺序 的 技巧 吗 ? 哪怕 给 一 个 普通 而 简单 
的 例子 ?还 夏 有 1! 


JavaScript 的 隐 数 对 象 上 有 一 个 .tostring() 方法 ， 它 返回 函数 代码 的 字符 串 形式 ， 其 中 包 
括 函 数 声明 的 签名 。 先 忽略 其 正则 表达 式 分 析 技 巧 ， 我 们 可 以 通过 解析 函数 字符 串 来 获取 每 
个 单独 的 命名 形 参 。 虽 然 这 段 代 码 看 起 来 有 些 粗 暴 ， 但 它 足 以 满足 我 们 的 需求 : 


function SpreadArgProps( 
fn, 
proporder = 
fn.tostring() 
.replace( /^(?:(?:function.*\(([^]*?)\))|(?:([I^\(\)1+?)\s*=>)|(?:\(([^]*?)\)\s 
*=>))[^]+$/, "$1$2$3" ) 
SEE 人 SNSe 
.map( Vv => v.replace( /[=\s].*$/, "" ) ) 
) { 


return function spreadFn(args0bj) { 
return fn( ,..proporder ,map( k => argsobj[k] ) ); 


上 


注意 : 该 实用 函数 的 参数 解析 逻辑 并 非 无 懈 可 击 ， 使 用 正则 来 解析 代码 这 个 前 提 就 已 经 很 不 

靠 谱 了 ! 但 处 理 一 般 情 况 是 我 们 的 唯一 目标 ， 从 这 点 来 看 这 个 实用 函数 还 是 恰到好处 的 。 我 

们 需要 的 只 是 对 简单 形 参 (包括 带 默 认 值 的 形 参 ) 函数 的 形 参 顺序 做 一 个 恰当 的 默认 检测 。 

例如 ， 我 们 的 实用 函数 不 需要 把 复杂 的 解构 形 参 给 解析 出 来 ， 因 为 无 论 如 何 我 们 不 太 可 能 对 

拥有 这 种 复杂 形 参 的 函数 使 用 SpreadArgProps'( ) 有 函数 。 因 此 该 逻辑 能 高 定 80% 的 需求 7b 

允许 我 们 在 其 它 不 能 正确 解析 复杂 函数 签名 的 情况 下 履 盖 proporder 数组 形 参 。 这 是 本 书 尽 
可 能 寻找 的 一 种 实用 性 平衡 。 


让 我 们 看 看 spreadArgProps(..) 实用 函数 是 怎么 用 的 : 


funetion dar (Xx yz) 
console Log( XSXI yoy Zz H(z 0 
} 


var f3 = curryProps( spreadArgProps( bar ), 3 ); 
var f4 = partialProps( spreadArgProps( bar ), { y: 2 } ); 


f3( {y: 2} )( {x: 1} )( {z: 3} ); 


NX 2 


A ZX 
/TZ 


提 个 醒 : 本 文中 呈现 的 对 象形 参 (object parameters) 和 命名 实 参 (named arguments) 模 
式 ， 通 过 减少 由 调整 实 参 顺序 带 来 的 和 干扰， 明显 地 提高 了 代码 的 可 读 性 ， 不 过 据 我 所 知 ， 没 
有 哪个 主流 的 函数 式 编程 库 使 用 该 方案 。 所 以 你 会 看 到 该 做 法 与 大 多 数 JavaScript 函数 式 编 
程 很 不 一 样 . 


此 处， 使 用 在 这 种 风格 下 定义 的 函数 要 求 你 知道 每 个 实 参 的 名 字 。 你 必须 记 住 : “这 个 函数 形 
参 叫 作 ‘fn'”， 而 不 是 只 记得 :“ 噢 ， 把 这 个 函数 作为 第 一 个 实 参 传 进去 ”。 


请 小 心地 权衡 它们 。 


无 形 参 风格 


在 函数 式 编程 的 世界 中 ， 有 一 种 流行 的 代码 风格 ， 其 目的 是 通过 移 除 不 必要 的 形 参 - 实 参 映射 
来 减少 视觉 上 的 干扰 。 这 种 风格 的 正式 名 称 为 “ 隐 性 编程 (tacit programming ) ”， 一 般 则 称 
作 “无形 参 (point-free) ”风格 。 术 语 “point” 在 这 里 指 的 是 函数 形 参 。 


警告 : 且慢 ， 先 说 明 我 们 这 次 的 讨论 是 一 个 有 边界 的 提议 ， 我 不 建议 你 在 函数 式 编程 的 代码 
里 不 惜 代价 地 滥用 无 形 参 风格 。 该 技术 是 用 于 在 适当 情况 下 提升 可 读 性 。 但 你 完全 可 能 像 滥 
用 软件 开发 里 大 多 数 东西 一 样 小 用 它 。 如 果 你 由 于 必须 迁移 到 无 参数 风格 而 让 代码 难以 理 
解 ， 请 打住 。 你 不 会 因此 获得 小 红 花 ， 因 为 你 用 看 似 聪明 但 上 涩 难 懂 的 方式 抹 除 形 参 这 个 点 
的 同时 ， 还 抹 除 了 代码 的 重点 。 


我 们 从 一 个 简单 的 例子 开始 : 


functaonmadouble(xy)EA 
returmnex 2 


} 


[1,2,3,4,5] .map( function mapper(v){ 
return double( v ); 


0); 
WW mae eno 


可 以 看 到 mapper(..) 函数 和 double(..) 函数 有 相同 〈 或 相互 兼容 ) 的 函数 签名 。 形 参 (也 
就 是 所 谓 的 “point') v 可 以 直接 映射 到 double(..) 函数 调用 里 相应 的 实 参 上 。 这 
样 ，mapper(..) 哆 数 包 装 层 是 非 必 需 的 。 我 们 可 以 将 其 简化 为 无 形 参 风格 : 


functaon double(ooOnt 
neturnmn x 2 


} 


[1,2,3,4,5] .map( double ); 
IAA SETOI 


回顾 之 前 的 一 个 例子 : 


E29 map( functionmappenm vt 
return parseInt( v ) 


0) 
7 | 


该 例 中 ， mapper(..) 实际 上 起 着 重要 作用 ， 它 排除 了 Ce 函数 传 入 的 index 实 参 ， 
因为 如 果 不 这 么 做 的 话 ，parseInt(..) 函数 会 错 把 index 当 作 radix 来 进行 整数 解析 。 
该 例子 中 我 们 可 以 借助 unary(..) 函数 : 


E23 map( unaryC parsernt ) nD) 
Ho ls 2 


使 用 无 形 参 风格 的 关键 ， 是 找到 你 代码 中 ， 有 哪些 地 方 的 函数 直接 将 其 形 参 作 为 内 部 部 数 调 
用 的 实 参 。 以 上 提 到 的 两 个 例子 中 ， mapper(..) 元 数 拿 到 形 参 v 单独 传 入 了 另 一 个 函数 调 
用 。 我 们 可 以 借助 unary(..) 函数 将 提取 形 参 的 逻辑 层 替换 成 无 参数 形式 表达 式 。 


警告 : 你 可 能 跟 我 一 样 ， 已 经 尝试 着 使 用 map(partialRight(parseInt,10)) 来 将 16 右 偏 应 
用 为 parseInt(..) 的 radix 实 参 。 然 而 ， 就 像 我 们 之 前 看 到 的 那样 ， partialRight(..) 仅 
仅 保证 将 16 当 作 最 后 一 个 实 参 传 入 原 函 数 ， 而 不 是 将 其 指定 为 第 二 个 实 参 。 因 为 map(..) 

函数 本 身 会 将 3 个 实 参 ( value 、 index 和 arr ) 传 入 它 的 映射 函数 > 所 以 10 就 会 被 当 

成 第 四 个 实 参 传 入 parseInt(..) 函数 ， 而 这 个 函数 只 会 对 头 两 个 实 参 作出 反应 。 


来 看 另 一 个 例子 : 
// 将 console.1og ”当成 一 个 函数 使 用 
// 便于 避免 潜在 的 绑 定 问题 


functron oulpue (ee 
console.1log( txt ); 


} 


function printIf( predicate, msg ) {€ 
if (predicate( msg )) { 
output( msg ); 
} 
} 


function isShortEnough(str) { 
return str.length <= 5; 


} 


var msg1 = "Hello"; 
var msg2 = msg1 + " World"; 


printIf( isShortEnough, msg1 ); ytle lo 


printIf( isShortEnough, msg2 ); 


现在 ， 我 们 要 求 当 信息 足够 长 时 ， 将 它 打 印 出 来 ， 换 而 言 之 ， 我 们 需要 一 个 
1!isShortEnough(..,) 断言 。 你 可 能 会 首先 想到 : 


function isLongEnough(str) { 
return !isShortEnough( str ); 


printIf( isLongEnough, msg1 ); 
printIf( isLongEnough, msg2 ); // Hello World 


这 太 简 单 了 ... 但 现在 我 们 的 重点 来 了 1! 你 看 到 了 str 形 参 是 如 何 传递 的 吗 ? 我 们 能 否 不 通过 
重新 实现 str.length 的 检查 逻辑 ， 而 重 构 代码 并 使 其 变 成 无 形 参 风格 呢 ? 


我 们 定义 一 个 not(..) 取 反 辅助 防 数 (在 函数 式 编程 库 中 又 被 称 作 complement(..) ) 


Functraomnot(predicate) nd 
returm tunctionnegated( args)t 


return !predicate( ...args ); 
}; 
} 
// ES6 箭头 函数 形式 
var not = 


predicate => 
(...args) => 
Ipredicate( ...args ); 


接着 ， 我 们 使 用 not(..) 元 数 来 定义 无 形 参 的 isLongEnough(..) 函数 : 


var isLongEnough = not( isShortEnough ); 


printIf( isLongEnough, msg2 ); // Hello World 


目前 为 止 已 经 不 错 了 ， 但 还 能 更 进一步 。 我 们 实际 上 可 以 将 printIf(..) 函数 本 身 重 构成 无 
形 参 风格 。 


我 们 可 以 用 when(..) 实用 函数 来 表示 if 条 件 句 : 


function when(predicate,fn) { 
return function conditional(...args)t{ 
if (predicate( ...args )) { 


return fn( ...args ); 
} 
}; 
} 
// ES6 箭头 函数 形式 
var when = 


(predicate, fn) => 
(...args) => 
predicate( ...args ) ? fn( ...args ) : undefined; 


我 们 把 本 章 前 面 讲 到 的 另 一 些 辅助 函数 和 when(..) 函数 结合 起 来 搞定 无 形 参 风格 的 
printIf(..) 函数 : 


var printIf = uncurry( rightPartial( when, output ) ); 


我 们 是 这 么 做 的 : 将 output 方法 右 偏 应 用 为 when(..) 函数 的 第 二 个 ( fn 形 参 ) 实 参 ， 
这 样 我 们 得 到 了 一 个 仍然 期 望 接收 第 一 个 实 参 ( predicate 形 参 ) 的 函数 。 当 该 函数 被 调用 
时 ， 会 产生 另 一 个 期 望 接收 〈 译 者 注 : 需要 被 打印 的 ) 信息 字符 串 的 函数 ， 看 起 来 就 是 这 
样 : fn(predicate)(str) ° 


多 个 (两 个 ) 链 式 函数 的 调用 看 起 来 很 挫 ， 就 像 被 柯 里 化 的 函数 。 于 是 我 们 用 uncurry(..) 
总 数 处 理 它 ， 得 到 一 个 期 望 接收 str 和 predicate 两 个 实 参 的 函数 ， 这 样 该 函数 的 签名 就 
和 printIf(predicate, str) 原子 数 一 样 了 。 


我 们 把 整个 例子 复 盘 一 下 《假设 我 们 本 章 已 经 讲解 的 实用 函数 都 在 这 里 了 ) 


function output(msg) { 
console.log( msg ); 


} 


function isShortEnough(str) { 
return str.length <= 5; 


} 
var isLongEnough = not( isShortEnough ); 
var printIf = uncurry( partialRight( when, output ) ); 


var msg1 = "Hello"; 
var msg2 = msg1 + " World"; 


printIf( isShortEnough, msg1 ); A lelo 
printIf( isShortEnough, msg2 ); 


printIf( isLongEnough, msg1 ); 
printIf( isLongEnough, msg2 ); // Hello World 


但 愿 无 形 参 风格 编程 的 函数 式 编程 实践 逐渐 变 得 更 有 意义 。 你 仍然 可 以 通 
自己 ， 让 自己 接受 这 种 风格 。 再 次 提醒 ， 请 三 思 而 后 行 ， 扼 量 一 下 是 否 值 
编程 ， 以 及 使 用 到 什么 程度 会 益 于 提高 代码 的 可 读 性 。 


过 大 量 实践 来 训练 
得 使 用 无 形 参 风格 


有 形 参 还 是 无 形 参 ， 你 怎么 选 ? 


注意 : 还 有 什么 无 形 参 风 格 编程 的 实践 呢 ? 我 们 将 在 第 4 章 的 “回顾 形 参 "小 节 里 ， 站 在 新 学 
习 的 组 合 函 数 知识 之 上 来 回顾 这 个 技术 。 


总 结 
偏 应 用 是 用 来 减少 函数 的 参数 数量 一 一 一 个 函数 期 望 接收 的 实 参 数量 一 一 的 技术 ， 它 减少 
参数 数量 的 方式 是 创建 一 个 预 设 了 部 分 实 参 的 新 函数 。 


柯 里 化 是 偏 应 用 的 一 种 特殊 形式 ， 其 参数 数量 降低 为 1， 这 种 形式 包含 一 串 连 续 的 链 式 函数 调 
用 ， 每 个 调用 接收 一 个 实 参 。 当 这 些 链 式 调用 指定 了 所 有 实 参 时 ， 原 函数 就 会 拿 到 收集 好 的 
实 参 并 执行 。 你 同样 可 以 将 柯 里 化 还 原 。 


其 它 类 似 unary(..) 、 identity(..) 以 及 constant(..) 的 重要 函数 操作 ， 是 函数 式 编程 基 
础 工具 库 的 一 部 分 。 


无 形 参 是 一 种 书写 代码 的 风格 ， 这 种 风格 移 除 了 非 作 需 的 形 参 映射 实 参 逻辑 ， 其 目的 在 于 提 
高 代码 的 可 读 性 和 可 理解 性 。 


:管理 函数 的 输入 
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第 4 章 : 组 合 函 数 


到 目前 为 止 ， 我 希望 你 能 更 轻松 地 理解 在 函数 式 编程 中 使 用 函数 意味 着 什么 

一 个 函数 式 编程 者 ， 会 将 他 们 程序 中 的 每 一 个 函数 当成 一 小 块 简单 的 乐高 部 件 。 他 们 能 一 眼 
辨别 出 蓝 色 的 2x2 方块 ， 并 准确 地 知道 它 是 如 何 工 作 的 、 能 用 它 做 些 什 么 。 当 构建 一 个 更 
大 、 更 复杂 的 乐高 模型 时 ， 当 每 一 次 需要 下 一 块 部 件 的 时 候 ， 他 们 能 够 准确 地 从 备用 部 件 中 
找到 这 些 部 件 并 拿 过 来 使 用 。 

但 有 些 时 候 ， 你 把 蓝 色 2x2 的 方块 和 灰 0 一 起 ， 然 后 意识 
到 :“ 这 是 个 有 用 的 部 件 ， 我 可 能 会 常用 到 它 ”。 

么 你 现在 想到 了 一 种 新 的 “部 件 ”， 它 是 两 种 其 他 部 件 的 组 合 ， 在 需要 的 时 候 能 触手 可 及 。 这 
时 候 ， 将 这 个 蓝 黑 色 上 形状 的 方块 组 合体 放 到 需要 使 用 的 地 方 ， 比 每 次 分 开 考 虑 两 种 独立 方 
块 的 组 合 要 有 效 的 多 。 
函数 有 多 种 多 样 的 形状 和 大 小 。 我 们 能 够 定义 某 种 组 合 方式 ， 来 让 它们 成 为 一 种 新 的 组 合 函 
数 ， 程 序 中 不 同 的 部 分 都 可 以 使 用 这 个 函数 。 这 种 将 函数 一 起 使 用 的 过 程 叫做 组 合 。 


人 、 人 、 

输出 到 输入 

我 们 已 经 见 过 几 种 组 合 的 例子 。 比 如 ， 在 第 3 章 中 ， 我 们 对 unary(..) 的 讨论 包含 了 如 下 表 
达 式 : unary(adder (3)) 。 和 仔细 想 想 这 里 发 生 了 什么 


为 了 将 两 个 函数 整合 起 来 ， 将 第 一 个 函数 调用 产生 的 输出 当做 第 二 个 函数 调用 的 输入 。 在 
unary(adder (3)) 中 ， adder (3) 的 调用 返回 了 一 个 值 ( 值 是 一 个 函数 ) ; 该 值 被 直 接 作为 一 
个 参数 传 入 到 unary(..) 中 ， 同 样 的 ， 这 个 调用 返回 了 一 个 值 〈 值 为 另 一 个 函数 ) 。 


让 我 们 回放 一 下 过 程 并 且 将 数据 流动 的 概念 视觉 化 ， 是 这 个 样子 : 


functionValue <-- unary <-- adder <-- 3 


3 是 adder(.,) 的 输入 。 而 adder(..) 的 输出 是 unary(..) 的 输入 。 unary(..) 的 输出 
是 functionValue 。 这 就 是 unary(..) 和 adder(..) 的 组 合 。 


把 数据 的 流向 想象 成 糖果 工厂 的 一 条 传送 带 ， 每 一 次 操作 其 实 都 是 冷却 、 切 割 、 包 装 糖果 中 
的 一 步 。 在 该 章节 中 ， 我 们 将 会 用 糖果 工厂 的 类 比 来 解释 什么 是 组 合 。 


A 
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function words(str) { 


return String( str ) 
.toLowerCase() 
.Split( /\s|\b/ ) 
.filter( function alpha(v){ 
petEurm/AAINw| rs test (Ov 


Py 


Functromunraquel(Lrst) 
var uniqList = []; 


fom (let 7 0 1 Trtelength, tb) 
// value not yet in the new lJist? 
If (uniqList,.indexof( list[i] ) === -1 ) { 
uniqList.push( list[i] ); 


return uniqList; 


使 用 这 两 个 实用 函数 来 分 析 文本 字符 囊 : 


var text = "To compose two functions together, pass the \ 
output northe first functrion ca asthen nput ofnthnen 
secondiunctlion ea > 


var wordsFound = words( text ); 
var wordsUsed = unique( wordsFound ); 


wordsUsed; 
y/o to comose Ewon functlons together DSS 
/the re ou on pe Tt hunt cal ease 


/niu .Secone 
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我 们 把 words(..) 输出 的 数组 命名 为 wordsFound 。 unique(..) 的 输入 也 是 一 个 数组 ， 因 此 
我 们 可 以 将 wordsFound 传 入 给 它 。 


让 我 们 重新 回 到 糖果 工厂 的 流水 线 : 第 一 台 机 器 接收 的 “输入 "是 融化 的 巧克力 ， 它 的 “输出 "是 
一 堆 成 型 且 冷 却 的 巧克力 。 流 水 线 上 的 下 一 个 机 器 ee 
出 ?是 一 片 片 切 好 的 巧克力 糖果 。 下 一 步 就 是 ， 流 水 线 上 的 另 一 台 机 器 将 这 些 传送 带 上 的 小 片 
巧克力 糖果 处 理 ， 并 输出 成 包装 好 的 糖果 ， 准 备 打 包 和 运输 。 


糖果 工厂 靠 这 套 流 程 运 营 的 很 成 功 ， 但 是 和 所 有 的 商业 公司 一 样 ， 管 理 者 们 需 
要 不 停 的 寻找 增长 点 。 


为 了 跟 上 更 多 糖果 的 生产 需求 ， 他 们 决定 拿 掉 传 送 带 这 么 个 玩意 ， 直 接 把 三 台 
机 器 引 在 一 起 ， 这 样 第 一 台 的 输出 阀 就 直接 和 下 一 人 台 的 输入 阀 直接 连 一 起 了 。 
这 样 第 一 人 台 机 器 和 第 二 人 台 机 器 之 间 ， 就 再 也 不 会 有 一 堆 巧 克 力 在 传送 带 上 慢 知 
吞 的 移动 了 ， 并 且 也 不 会 有 空间 浪费 和 隆隆 的 噪音 声 了 。 


ee ， 所 以 管理 者 很 高 兴 ， 他 们 每 天 能 够 造 更 多 Ee。 二 
rr 上 


Si 
等 价 于 这 种 升级 后 的 糖果 工厂 配置 的 代码 跳 过 了 中 间 步 又 (上 面 代码 片段 中 的 3 
wordsFound 变量 ) ， 仅 仅 是 将 两 个 函数 调用 一 起 使 用 : 

var wordsUsed = unique( words( text ) ); 
注意 : 尽管 我 们 通常 以 从 左 往 右 的 方式 阅读 函数 调用 一 一 一 先 unique(..) 然后 
words(..) 一 一 一 一 这 里 的 操作 顺序 实际 上 是 从 右 往 左 的， 或 者 说 是 自 内 而 外 。 words(..) 


年 会 首先 运行 ， 然 后 才 是 unique(..)。 晚 点 我 们 会 讨论 符合 我 们 自然 的 、 从 左 往 右 阅 读 执 行 
顺序 的 模式 ， 叫 做 pipe(..) ° 


堆 在 一 起 的 机 器 工作 的 还 不 错 ， 但 有 些 策 重 了 ， 电 线 挂 的 到 处 都 是 。 创 造 的 机 器 堆 越 多 ， 工 
厂 车 间 就 会 变 得 越 凌乱 。 而 且 ， 装 配 和 维护 这 些 机 器 堆 太 占用 时 间 了 。 





[CA 有 一 天 早上 ， 一 个 糖果 工厂 的 工程 师 突然 想到 了 一 个 好 点 子 。 她 想 ， 
如 果 她 能 在 外 面 做 一 个 大 盒子 把 所 有 的 电线 都 藏 起 来 ， 效 果 肯 定 超级 
棒 ; 盒子 里 面 ， 三 台 机 器 相互 连接 ， 而 盒子 外 面 ， 一 切 都 变 得 很 整 

洁 、 和 干净 。 在 这 个 很 赞 的 机 器 的 顶部 ， 是 倾倒 融化 巧克力 的 管道 ， 在 
它 的 底部 ， 是 吐出 包装 好 的 巧克力 糖果 的 管道 

















这 样 一 个 单个 的 组 合 版 机 器 ， 变 得 更 易 移 动 和 安装 到 工厂 需要 的 地 方 
中 去 了 。 工 厂 的 车 间 工 人 也 会 变 得 更 高 兴 ， 因 为 他 们 不 用 再 摆弄 三 全 
机 子 上 的 那些 按钮 和 表盘 了 ; 他 们 很 快 更 喜欢 使 用 这 个 独立 的 很 赞 的 
机 器 。 














回 到 代码 上 : 我 们 现在 了 解 到 words(..) 和 unique(..) 执行 的 特定 顺序 -- 思考 : 组 合 的 人 
高 -是 一 种 我 们 在 应 用 中 其 它 部 分 也 能 够 用 到 的 东西 。 所 以 ， 现 在 让 我们 定义 一 个 组 合 这 
玩意 的 函数 : 


function uniquewords(str) { 
return unique( words( str ) ); 


} 


uniquewords(..) 接收 一 个 字符 串 并 返回 一 个 数组 。 它 是 unique(..) 和 words(..) 的 组 
合 ， 并 且 满 足 我 们 的 数据 流向 要 求 : 


wordsUsed <-- unique <-- words <-- text 
你 现在 应 该 能 够 明白 了 : 糖果 工厂 设计 模式 的 演变 革命 就 是 函数 的 组 合 。 


制造 机 器 


糖果 工厂 一 切 运 转 良好 ， 多 亏 了 省 下 的 空间 ， 他 们 现在 有 足够 多 的 地 方 来 党 试制 作 新 的 糖果 
了 。 鉴 于 之 前 的 成 功 ， 管 理 者 迫切 的 想 要 发 明 新 的 棒 棒 的 组 合 版 机 器 ， 从 而 制造 越 来 越 多 种 
类 的 糖果 。 


但 工厂 的 工程 师 们 跟 不 上 老板 的 节奏 ， 因 为 每 次 造 一 台新 的 棒 棒 的 组 合 版 机 器 ， 他 们 就 要 花 
的 











费 很 多 的 时 间 来 造 新 的 外 赤 ， 从 而 适应 那些 独立 的 机 器 。 
所 以 工程 师 们 联系 了 一 家 工业 机 器 制 供应 商 来 帮 他 们 。 他 们 很 惊讶 的 发 现 这 家 供应 商 竞 然 提 
供 机 器 制造 器 ! 听 起 来 好 像 不 可 思议 ， 他 们 买 入 了 一 台 这 样 的 机 器 ， 这 pe 攻 够 将 工厂 中 
小 一 点 的 机 器 一 一 ”比如 负责 0 仿 却 、 切 割 的 机 器 一 自动 连 线 ， 其 至 在 外 面 
还 自动 包 了 一 个 干净 的 大 盒子 。 这 么 牛 的 机 器 简直 能 把 这 家 糖果 工厂 送 上 天 了 | 
i 
sa 





























回 到 代码 上 ， 让 我 们 定义 一 个 实用 函数 叫做 compose2(..) ， 它 能 够 自动 创建 两 个 函数 的 组 
合 ， 这 和 我 们 手动 做 的 是 一 模 一 样 的 。 


function compose2(fn2,fn1) { 
return function composed(origValue)t{ 
return fn2( fn1( origValue ) ); 


// ES6 箭头 函数 形式 写法 
Var compose2 = 
(fn2,fn1) => 
origValue => 
fn2( fn1( origValue ) ); 


你 是 否 注 意 到 我 们 定义 参数 的 顺序 是 fn2,fn1 ， 不 仅 如 此 ， i 人 元 数 (也 被 
称 作 fn1 ) 会 首先 运行 ， 然 后 才 是 参数 中 的 第 一 个 函数 ( fn2 ) ? 换 和 句 话说 ， 这些 函数 是 以 
从 右 往 左 的 顺序 组 合 的 。 

这 看 起 来 是 种 奇怪 的 实现 ， 但 这 是 有 原因 的 。 大 部 分 传统 的 FP 库 为 了 顺序 而 将 它们 的 
compose(..) 定义 为 从 右 往 左 的 工作 ， 所 以 我 们 沿袭 了 这 种 惯例 。 
但 是 为 什么 这 么 做 ? 我 认为 最 简单 的 解释 (但 不 一 定 符合 丨 实 的 历史 ) 就 是 我 们 在 以 手动 执 
ee 出 它们 时 ， 或 是 与 我 们 从 左 往 右 阅读 这 个 列表 时 看 到 它们 的 顺序 相符 合 。 


unique(words(str)) 以 从 左 往 右 的 顺序 列 出 了 unique, words 函数 ， 所 以 我 们 证 
compose2(..) 实用 有 函数 也 以 这 种 顺序 接收 它们 。 现 在 ， 更 高 效 的 糖果 制造 机 定义 如 下 : 


var uniquewords = compose2( unique, words ); 


组 合 的 变 体 


看 起 来 貌似 <-- unique <-- words 的 组 合 方 式 是 这 两 种 函数 能 够 被 组 合 起 来 的 唯一 顺序 。 但 
我 们 实际 上 能 够 以 另外 的 目的 创建 一 个 实用 函数 ， 将 它们 以 相反 的 顺序 组 合 起 来 。 


Var letters = compose2( words, unique ); 


var chars = letters( "How are you Henry?" ); 


chars; 
ge [Ba oa OL E> Dal 和 "e", We WT ieal 


因为 words(..) 实用 函数， 上 面 的 代码 才能 正常 工作 。 为 了 值 类 型 的 安全 ， 首 先 使 用 
string(..) 将 它 的 输入 强 转 为 一 个 字符 串 。 所 以 unique(..) 返回 的 数组 -- 现在 是 
words(..) 的 输入 于 成 为 了 "H,O,w, ,a,r,e,yUu,n,?" 这 样 的 字符 囊 。 然后 words(..) 中 的 
行为 将 字符 串 处 理 成 为 chars 数组 。 


不 得 不 承认 ， 这 是 个 刻意 的 例子 。 但 重点 是 ， 函 数 的 组 合 不 总 是 单 向 的 。 有 时 候 我 们 将 灰 方 
块 放 到 蓝 方块 上 ， 有 时 我 们 又 会 将 蓝 方块 放 到 最 上 面 。 


假如 糖果 工厂 党 试 将 包装 好 的 糖果 放 入 搅拌 和 冷却 巧克力 的 机 器 ， 那 他 们 最 好 要 小 心 点 了 。 
通用 组 合 


如 果 我 们 能 够 定义 两 个 函数 的 组 合 ， 我 们 也 同样 能 够 支持 组 合 任意 数量 的 函数 。 任 意 数目 函 
数 的 组 合 的 通用 可 视 化 数据 流 如 下 : 


finalValue <-- funci <-- func2 <-- ... <-- funcN <-- origValue 
Eiled 
上 | 

















二 
\ 

现在 糖果 工厂 拥有 了 最 好 的 制造 机 : 它 能 够 接收 任意 数量 独立 的 小 机 器 ， 并 吐出 一 个 大 只 

的 、 超 赞 的 机 器 ， 能 把 每 一 步 都 按照 顺序 做 好 。 这 个 糖果 制作 流程 简直 棒 采 了 ! 简直 是 威 利 : 

旺 卡 ( 译 者 注 : 《查理 和 巧克力 工厂 》 中 的 人 物 ， 他 拥有 一 座 巧 克 力 工厂 ) 的 梦想 ! 























我 们 能 够 像 这 样 实现 一 个 通用 compose(..) 实用 函数 : 


function compose(...fns) { 
return function composed(result)t{ 
// 找 贝 一 份 保 和 存 函 数 的 数组 


var list = fns.slicel(); 


while (list.length > 0) { 
// 将 最 后 一 个 函数 从 列表 尾部 拿 出 
// 并 执行 它 


result = list.pop()( result ); 


return result; 


}; 


// ES6 六 头 函 数 形式 写法 
var compose = 
(...fns) => 
result => { 
var list = fns.slicel(); 


while (list.length > 0) { 
// 将 最 后 一 个 函数 从 列表 尾部 拿 出 
克星 并 执行 已 
result = list.pop()( result ); 





return result; 


}; 


现在 看 一 下 组 合 超 过 两 个 函数 的 例子 。 回 想 下 我 们 的 uniquewords(..) 组 合 例 子 ， 让 我 们 增 


加 一 个 skipShortwords(..) ° 


function skipShortwords(list) { 
var filteredList = []; 


for (let i = 0; 1< List lengthn 1++) { 


if (list[il].length > 4) { 
filteredList.push( list[i] ); 


return filteredList; 


让 我 们 再 定义 一 个 biggerwords(..) 来 包含 skipshortwords(..) 。 我 们 期 望 等 价 的 手工 组 合 
方式 是 skipshortwords(unique(words(text))) ， 所 以 让 我 们 采用 compose(..) 来 实现 它 : 


var text = "To compose two functions together, pass the \ 


outpube of ehe furst functioneallinas ther nput of then 
second functron calle, 


var biggerwords = compose( skipShortwords, unique, words ); 


var wordsUsed = biggerwords( text ); 


wordsUsed; 
lcomose mm funcerons togqether ouput ee fot 
/A Functrono emput ee Secomnol 


现在 ， 让 我 们 回忆 一 下 第 3 章 中 出 现 的 二 .) 来 让 组 合 变 的 更 有 趣 。 我 们 能 够 构 
造 一 个 由 compose(..) 自身 组 成 的 右 偏 函数 应 用 ， 通 过 提前 定义 好 第 二 和 第 三 参数 


( unique(..) 和 words(..) ) ;我 们 把 它 称 作 filterwords(. 


， 我们 能 够 通过 多 次 调用 filterwords(..) 来 完成 组 合 ， 


.) (如 下 ) 。 


但 是 每 次 的 第 一 参数 却 各 不 相 


同 。 
// 注意 : 使 用 a <= 4 来 检查 ， 而 不 是 skipShortWords(..) 中 用 到 的 > 4 
funetaon skiniongWords(Lrst) /0 /A 


var filterwords = partialRight( compose, unique, words ); 


var biggerwords = filterwords( skipShortwords ); 
var shorterwords = filterwords( skipLongwords ); 


biggerwords( text ); 
/comose a functrons ee togqether ~ ou frStee 
tunetlion nu Second 


shorterwords( text ); 
ee to oO "pass", "the", en "Gal as 


声 些 时 间 考 虑 一 下 基于 compose(..) 的 右 偏 函数 应 用 给 了 我 们 什么 。 它 允许 我 们 在 组 合 的 第 
0 ， 然 后 以 不 同 后 期 步骤 ( biggerwords(..) and shorterwords(..) ) 的 组 合 来 


创建 特定 的 变 体 。 这 是 函数 式 编程 中 最 强大 的 手段 之 一 。 


你 也 能 通过 curry(..) 创建 的 组 合 来 替代 偏 函 数 应 用 ， 但 因为 从 右 往 左 的 顺序 ， 比 起 只 使 用 


curry( compose, ..) ， 你 可 能 更 想 使 用 curry( reverseArgs(compose), ..) ° 


注意 : 因为 curry(..) (至 少 我 们 在 第 3 章 中 实现 的 是 这 样 ) 依赖 于 探测 参数 数目 


( length ) 或 手动 指定 其 数目 ， 而 compose(..) 是 一 个 可 变 
数目 ， 就 像 这 样 CUnry(s ES) 


不 同 的 实现 


的 函数 ， 所 以 你 需要 手动 指定 


当然 ， 你 可 能 永远 不 会 在 生产 中 使 用 自己 写 的 compose(..) ， 而 更 倾向 于 使 用 某 个 库 所 提供 
的 方案 。 但 我 发 现 了 解 底层 工作 的 原理 实际 上 对 强化 理解 函数 式 编程 中 通用 概念 非常 有 用 。 


所 以 让 我 们 看 看 对 于 compose(..) 的 不 同 实现 方案 。 我 们 能 看 到 每 一 种 实现 的 优 缺点 ， 特 别 
是 性 能 方面 。 


我 们 将 稍 后 在 文中 查看 reduce(..) 实用 函数 的 细节 ， 但 现在 ， 只 需 了 解 它 将 一 个 列表 ( 数 
组 ) 简化 为 一 个 单一 的 有 限 值 。 看 起 来 像 是 一 个 很 棒 的 循环 体 。 


举 个 例子 ， 如 果 在 数字 列表 [1,2,3,4,5,6] 上 做 加 法 约 减 ， 你 将 要 循环 它们 ， 并 且 随 着 循环 
将 它们 加 在 一 起 。 这 一 过 程 将 首先 将 1 加 2 ， 然 后 将 结果 加 3 ， 然 后 加 4 ， 等 等 。 最 后 
得 到 总 和 : 21 。 


原始 版 本 的 compose(..) 使 用 一 个 循环 并 且 饥 渴 的 (也 就 是 ， 立 刻 ) 执行 计算 ， 将 一 个 调用 
的 结果 传递 到 下 一 个 调用 。 我 们 可 以 通过 reduce(..) (代替 循环 ) 做 到 同样 的 事 。 


function composel( wo fns) nf 
return function composed(result){ 
return fns.reverse().reduce( function reducer(result,fn){ 
return fn( result )» 
}, result ); 
}; 
} 


// ES6 租 头 遂 数 形式 写法 
Var compose = (...fns) => 
result => 
fns.reverse().reducel( 
(result, fn) => 
fn( result ) 
, result 


)s 


注意 到 reduce(..) 循环 发 生 在 最 后 的 composed(..) 运行 和 时， 并且 每 一 个 中 间 的 
result(..) 将 会 在 下 一 次 调用 时 作为 输入 值 传递 给 下 一 个 迭代 。 


这 种 实现 的 优点 就 是 代码 更 简练 ， 并 且 使 用 了 常见 的 函数 式 编程 结构 : reduce(..) 。 这 种 实 
现 方式 的 性 能 和 原始 的 for 循环 版 本 很 相近 。 

但 是 ， 这 种 实现 局 限 处 在 于 外 层 的 组 合 函 数 (也 就 是 ， 组 合 中 的 第 一 个 函数 ) 只 能 接收 一 个 
参数 。 其 他 大 多 数 实 现在 首次 调用 的 时 候 就 把 所 有 参数 传 进去 了 。 如 果 组 合 中 的 每 一 个 函数 
都 是 一 元 的 ， 这 个 方案 没 啥 大 问题 。 但 如 果 你 需要 给 第 一 个 调用 传递 多 参数 ， 那 么 你 可 能 需 
要 不 同 的 实现 方案 。 

为 了 修正 第 一 次 调用 的 单 参数 限制 ， 我 们 可 以 仍 使 用 reduce(..) ， 但 加 一 个 懒 执行 函数 包 


EE 
桶 太 : 


function compose(...fns) { 
return fns.reverse().reduce( function reducer(fn1,fn2)t 
return function composed(...args)t{ 
return fn2( fni( ...args ) ); 


本 由 


// ES6 箭头 函数 形式 写法 
var compose = 
(...fns) => 
fns.reverse().reduce( (fn1,fn2) => 
(...args) => 
fn2( fn1( ...args ) ) 


注意 到 我 们 直接 返回 了 reduce(..) 调用 的 结果 ， 该 结果 自身 就 是 个 函数 ， 不 是 一 个 计算 过 
的 值 。 该 函数 让 我 们 能 够 传 入 任意 数目 的 参数 ， 在 整个 组 合 过 程 中 ， 将 这 些 参数 传 入 到 第 
个 函数 调用 中 ， 然 后 依次 产 出 结果 给 到 后 面 的 调用 。 


相 较 于 直接 计算 结果 并 把 它 传 入 到 reduce(..) 循环 中 进行 处 理 ， 这 种 实现 通过 在 组 合 之 前 
A oe ea en . 
算 。 每 一 个 简化 后 的 局 部 结果 都 是 一 个 包 庄 层 级 更 多 的 函数 。 


当 你 调用 最 终 组 合 画 数 并 且 提 供 一 个 或 多 个 参数 的 时 候 ， 这 个 层 层 瞪 套 的 大 函数 内 部 的 所 有 
层级 ， 由 内 而 外 调用 ， 以 相反 的 方式 连续 执行 (不 是 通过 循环 ) 。 


这 个 版 本 的 性 能 特征 和 之 前 reduce(..) 基础 实现 版 有 潜在 的 差异 。 ， reduce(..) 只 
在 生成 大 个 的 组 合 郊 数 时 运行 过 一 次 ， 然 后 这 个 组 合 函 数 只 是 简单 的 一 层 层 执行 它 内 部 所 启 
套 的 函数 。 在 前 一 版 本 中 ， reduce(..) 将 在 每 一 次 调用 中 运行 。 


在 考虑 哪 一 种 实现 更 好 时 ， 你 的 情况 可 能 会 不 一 样 ， 但 是 要 记得 后 面 的 实现 方式 并 没有 像 前 
一 种 限制 只 能 传 一 个 参数 。 
我 们 也 能 够 使 用 递归 来 定义 compose(..) 。 递 归 式 定义 的 compose(fn1,fn2，.， fnN) 看 起 来 


会 是 这 样 : 


compose( compose(fn1l,fn2，.， fnN-1), fnN ); 


注意 : 我 们 将 在 第 9 章 揭 ; 人 ， 所 以 如 果 这 块 看 起 来 让 你 疑 苯 ， 那 么 暂时 跳 过 该 部 
分 是 没 问题 的 ， 你 可 以 在 阅读 完 第 9 章 后 再 来 看 。 


这 里 是 我 们 用 递归 实现 compose(..) 的 代码 : 


function compose(...fns) { 
// 拿 出 最 后 两 个 参数 
Var [ fnl fn2 ...rest |] = fns.reverse(); 


var composedFn = function composed(...args)t 
return fn2( fni( ...args ) ); 


}; 

If (rest.length == 0) return composedFn; 

return compose( ...rest.reverse(), composedFn ); 
} 
// ES6 箭头 函数 形式 写法 


Var compose = 
(fns) > 
// 拿 出 最 后 两 个 参数 
var [ fni, fn2, ...rest | = fns.reverse(); 


Var composedFn = 

(...args) => 

fn2( fn1( ...args ) ); 
If (rest. length == 0) return composedFn; 
return compose( ...rest.reverse(), composedFn ); 
}; 
ee ee 化 。 我 个 人 觉得 相 较 于 不 得 不 在 循环 里 跟踪 运行 结果 ， 通 
递归 的 方式 进行 重复 的 动作 反而 更 易 懂 。 所 以 我 更 喜欢 以 这 种 方式 的 代码 来 表达 


其 他 人 可 能 会 觉得 递归 的 方法 在 智力 上 造成 的 困扰 更 让 人 有 些 展 惧 。 我 建议 你 作出 自己 的 评 
估 。 


重 排 序 组 合 


我 们 早期 谈 及 的 是 从 右 往 左 顺序 的 标准 compose(..) 实现 。 这 么 做 的 好 处 是 能 够 和 手工 组 合 
列 出 参数 (函数 ) 的 顺序 保持 一 致 。 

不 足 之 处 就 是 它们 排列 的 顺序 和 它们 执行 的 顺序 是 相反 的 ， 这 将 会 造成 困扰 。 同 时 ， 不 得 不 
使 用 partialRight(compose，..) 提早 定义 要 在 组 合 过 程 中 第 一 个 执行 的 函数 。 

相反 的 顺序 ， 从 右 往 左 的 组 合 ， 有 个 常见 的 名 字 : pipe(..) 。 这 个 名 字 据 说 来 自 Unix/Linux 
界 ， 那 里 大 量 的 程序 通过 “管道 传输 ”( | 运算 符 ) 第 一 个 的 输出 到 第 二 个 的 输入 ， 等 等 

( 即 ，1s -la | grep "foo" | less ) 。 


pipe(..) 与 compose(..) 一 模 一 样 ， 除 了 它 将 列表 中 的 函数 从 左 往 右 处 理 。 


functaon pupe(e nsdn 
return function piped(result){ 
var list = fns.slicel(); 
while (list.length > 0) { 
// 从 列表 中 取 第 一 个 函数 并 执行 
result = lJist.shift()( result ); 


return result; 


上 


2b /> 


实际 上 ， 我 们 只 需 将 compose(..) 的 参数 反 转 就 能 定义 出 来 一 个 pipel(..) 


var pipe = reverseArgs( compose ); 


非常 简单 ! 
回忆 下 之 前 的 通用 组 合 的 例子 : 


var biggerwords = compose( SkipShortwords，unique，words ); 


以 pipe(..) 的 方式 来 实现 ， 我 们 只 需要 反 转 参数 的 顺序 : 


var biggerwords = pipe( words, unique, skipShortwords ); 


pipe(..) 的 优势 在 于 它 以 函数 执行 的 顺序 排列 参数 ， 某 些 情 况 下 能 够 减轻 阅读 者 的 疑 

惑 。 pipe(words,unique, skipshortwords) 看 起 来 和 读 起 来 会 更 简单 ， 能 知道 我 们 首先 执行 
words(..) ，” 然后 unique(..) ， 最 后 是 SkipShortwords(..) ° 
假如 你 想 要 部 分 的 应 用 第 一 个 函数 ( 们 ) 来 负责 执行 ， pipe(..) 同样 也 很 方便 。 就 像 我 们 之 
前 使 用 compose(..) 构建 的 右 偏 函数 应 用 一 样 ° 


对 比 : 
var filterwords = partialRight( compose, unique, words ); 


// VS 


var filterwords = partial( pipe, words, unique ); 


你 可 能 会 回想 起 第 3 章 partialRight(..) 中 的 定义 ， 它 实际 使 用 了 reverseArgs(..) ， 就 像 
我 们 的 pipe(..) 现在 所 做 的 。 所 以 ， 不 管 怎样 ， 我 们 得 到 了 同样 的 结果 。 


在 这 一 特定 场景 下 使 用 pipe(..) 的 轻微 性 能 优势 在 于 我 们 不 必 再 通过 右 偏 函 数 应 用 的 方式 
来 使 用 compose(..) 保存 从 右 往 左 的 参数 顺序 ， 使 用 pipe(..) 我 们 不 必 再 跟 
partialRight(..) 一 样 需要 将 参数 顺序 反 转 回去 。 所 以 在 这 里 partial(pipe,，..) 比 
partialRight(compose，..) 要 好 一 点 。 


一 般 来 说 ， 在 使 用 一 个 完善 的 函数 式 编程 库 时 ， pipe(..) 和 compose(..) 没有 明显 的 性 能 
区 别 O 


抽 胃 


对 两 个 或 多 个 任务 公共 部 分 的 剥离 。 通 用 部 分 只 定义 一 次 ， 从 而 避免 重 
。 为 了 展现 每 个 任务 的 特 丈 部分， 通用 部 分 需要 被 参数 化 。 


举 个 例子 ， 思 考 如 下 (明显 刻意 生成 的 ) 代码 : 


function SaveComment (txt) { 
EXE 
comments[comments. length] = txt; 
} 
} 


functron trackevemt(eve) nd 
if (evt.name !== undefined) { 
events[evt.name] = evt; 


} 


这 两 个 实用 函数 都 是 将 一 个 值 存 入 一 个 数据 源 ， 这 是 通用 的 部 分 。 不 同 的 是 一 个 是 将 值 放置 
到 数组 的 末尾 ， 另 一 个 是 将 值 放置 到 对 象 的 菜 个 属性 上 。 


让 我 们 抽象 一 下 : 


function storeData(store,1location,value) { 
store[location] = value; 


function saveComment(txt) { 
EXE 
storeData( comments, comments.1length, txt ); 


functriontrackeEvent(evt) ne 
if (evt.name !== undefined) { 
storeData( events, evt.name, evt ); 


引用 一 个 对 象 (或 数组 ， 多亏 了 JS 中 方便 的 [] 符号 ) 属性 和 将 值 设 入 的 通用 任务 被 抽象 
到 独立 的 storepata(..) 函数 。 这 个 函数 当前 只 有 一 行 代码 ， 该 函数 能 提出 其 它 多 任务 中 通 
用 的 行为 ， 比 如 生成 唯一 的 数字 ID 或 将 时 间 改 存 入 。 


如 果 我 们 在 多 处 重复 通用 的 行为 ， 我 们 将 会 面临 改 了 几 处 但 忘 了 改 别处 的 维护 风险 。 在 做 这 
类 抽象 时 ， 有 一 个 原则 是 ， 通 常 被 称 作 DRY (don't repeat yourself) 。 


DRY 力求 能 在 程序 的 任何 任务 中 有 唯一 的 定义 。 代 码 不 够 DRY 的 另 一 个 托 冬 就 是 程序 员 们 
太 懒 ， 不 想 做 非 必 要 的 工作 。 


抽象 能 够 走 得 更 远 。 思 考 : 


function conditionallyStoreData(store,1location,value,checkFn) { 
If (checkFn( value, store, location )) { 
store[location] = value; 


} 
} 
Functerom notempty(val) returmn val 
function isUndefined(val) { return val === undefined; } 


function isPropUndefined(val,obj,prop) { 
return isUndefined( obj[prop] ); 


function saveComment(txt) { 
conditionallyStoreData( comments, comments.length, txt, notEmpty ); 


function trackEvent(evt) { 
conditionallyStoreData( events, evt.name, evt, isPropUndefined ); 


为 了 实现 DRY 和 避免 重复 的 if 语 甸 ， 我 们 将 条 件 判 断 移 动 到 了 通用 抽象 中 。 我 们 同样 假 
设 在 程序 中 其 它 地 方 可 能 会 检查 非 空 字符 串 或 非 undefined 的 值 ， 所 以 我 们 也 能 将 这 些 东 西 
DRY 出 来 。 


这 些 代码 现在 变 得 更 DRY 了 ， 但 有 些 抽象 过 度 了 。 开 发 者 需要 对 他 们 程序 中 每 个 部 分 使 用 恰 
当 的 抽象 级 别 保持 谨 懂 ， 不 能 大 过 ， 也 不 能 不 够 。 


关于 我 们 在 本 章 中 对 函数 的 组 合 进行 的 大 量 讨论 ， 看 起 来 它 的 好 处 是 实现 这 种 DRY 抽象 。 但 
让 我 们 别 急 着 下 结论 ， 因 为 我 认为 组 合 实际 上 在 我 们 的 代码 中 发 挥 着 更 重要 的 作用 。 


而 有 全， 即使 某 些 东西 只 出 现 了 一 次 ， 组 合 仍然 十 分 有 用 (没有 重复 的 东西 可 以 被 抽出 来 ) 。 
除了 通用 化 和 特殊 化 的 对 比 ， 我 认为 抽象 有 更 多 有 用 的 定义 ， 正 如 下 面 这 段 引 用 所 说 : 


... 抽象 是 一 个 过 程 ， 程 序 员 将 一 个 名 字 与 潜在 的 复杂 程序 片段 关联 起 来 ， 这 样 该 名 字 就 
能 够 被 认为 代表 函数 的 目的 ， 而 不 是 代表 函数 如 何 实现 的 。 通 过 隐藏 无 关 的 细节 ， 抽 和 象 
降低 了 概念 复杂 度 ， 让 程序 员 在 任意 时 间 都 可 以 集中 注意 力 在 程序 内 容 中 的 可 维护 子 集 
国志 o 


《程序 设计 语言 》， 迈克 尔 上 斯 科 特 


https://books.google.com/books?id=jM- 
cBAAAQBAJ&pg=PA115&lpg=PA115&ddq=%22making+it+possible+for+the+programme 
r+to+focus+on+a+manageable+Ssubset%22&source=bl&ots=yrJ3a- 
Tvi6&sig=XZwYoWwbQxP2w59h2k2uMAPj47k&hl=en&sa=X&ved=0ahUKEwjKr- 
Ty35DSAhUJ4mMKHbPrAUUQ6AEIIzAA#Vv=onepage&q=»%22making»%20it%20possibl 
e%20for%20the%20programmer%20to%20focus%200n%20a%20manageable%20sub 
set%22&f=false 


/TODO: 给 这 本 书 或 引用 弄 一 个 更 好 的 参照 ， 至 少 找到 一 个 更 好 的 在 线 链接 


这 段 引 用 表述 的 观点 是 抽象 一 一 一 通常 来 说 ， 是 指 把 一 些 代码 片段 放 到 自己 的 函数 中 
一 一 一 是 围绕 着 能 将 两 部 分 功能 分 离 ， 从 而 达到 可 以 专注 于 某 一 独立 的 部 分 为 主要 目的 来 


需要 注意 的 是 ， 这 种 场景 下 的 抽象 并 不 是 为 了 隐藏 细节 ， 比 如 把 一 些 东 西 当 作 黑 侈 来 对 待 。 
这 一 观念 其 实 更 贴近 于 编程 中 的 封装 性 原则 。 我 们 不 是 为 了 隐藏 细节 而 抽象 ， 而 是 为 了 通过 
分 离 来 突出 关注 点 。 


还 记得 这 段 文章 的 开头 ， 我 说 函数 式 编程 的 目的 是 为 了 创造 更 可 读 、 更 易 理 解 的 代码 。 一 个 
有 效 的 方法 是 将 交织 缠绕 的 一 紧 紧 编织 在 一 起 ， 像 一 股 绳子 一 代码 解 绑 为 分 
离 的 、 更 简单 的 一 一 一 松散 绑 定 的 一 一 一 代码 片段 。 以 这 种 方式 来 做 的 话 ， 代 码 的 阅 
读者 将 不 会 在 寻找 其 它 部 分 细节 的 时 候 被 其 中 某 块 的 细节 所 分 心 。 


我 们 更 高 的 目标 是 不 只 对 某 些 东西 实现 一 次 ， 这 是 DRY 的 观念 。 实 际 上 ， 有 些 时 候 我 们 确实 
在 代码 中 不 断 重 复 。 于 是 ， 我 们 寻求 更 分 离 的 实现 方式 。 我 们 尝试 突出 关注 点 ， 因 为 这 能 提 
高 可 读 性 。 


另 一 种 描述 这 个 目标 的 方式 就 是 一 通过 命令 式 Vs 声明 式 的 编程 风格 。 命 令 式 代码 主 
要 关心 的 是 描述 怎么 做 来 准确 完成 一 项 任务 。 声 明 式 代码 则 是 描述 输出 应 该 是 什么 ， 并 将 具 
体 实现 交 给 其 它 部 分 。 


es 明 式 代码 从 怎么 做 中 抽象 出 了 是 什么 。 尽 管 普通 的 声明 式 代码 在 可 读 性 上 强 于 
令 式 ， 但 没有 程序 (除了 机 器 码 1 和 0) 是 完全 的 声明 式 或 者 命令 式 代码 。 编 程 者 必须 在 
| 寻找 平衡 。 


ES6 增加 了 很 多 语法 功能 ， 能 将 老 的 命令 式 操作 转换 为 新 的 声明 式 形式 。 可 能 最 清晰 的 当 属 
解构 了 。 解 构 是 一 种 赋值 模式 ， 它 描述 了 如 何 将 组 合 值 (对 象 、 数 组 ) 内 的 构成 值 分 解 出 来 
的 方法 。 


这 里 是 一 个 数组 解构 的 例子 


function getData() { 
return 2 SA 
} 


// 命令 式 

var tmp = getData( ); 
var a = tmp[0]; 

var b = tmp[3]; 


// 声明 式 


var [ a,,, b ] = getData(); 


是 什么 就 是 将 数组 中 的 第 一 个 值 赋 给 a ， 然 后 第 四 个 值 赋 给 p 。 怎 么 做 就 是 得 到 一 个 数组 
的 引用 ( tmp ) 然后 手动 的 通过 数组 索引 6 和 3 ， 分 别 赋值 给 a 和 b 。 


ns www 了 。 我 认为 它 知 识 简单 的 将 是 什么 从 


么 做 中 分 离 出 来 。JS 引擎 仍然 做 了 赋值 的 工作 ， 但 它 阻止 了 你 自己 去 抽象 怎么 做 的 过 程 。 
相反 的 是 ， 你 阅读 [ a ,,,， b ] = .. 的 时 候 ， 便 能 看 到 该 赋值 模式 只 不 过 是 告诉 你 将 要 发 生 


的 是 什么 。 数组 的 解构 是 声明 式 抽象 的 一 个 例子 。 


将 组 合 当 作 抽 象 
函数 组 合 到 底 做 了 什么 ? 函数 组 合同 样 也 是 一 种 声明 式 抽象 。 


回想 下 之 前 的 shorterwords(..) 例子 。 让 我 们 对 比 下 命令 式 和 声明 式 的 定义 。 


// 命令 式 
function shorterwords(text) { 
return skipLongwords( unique( words( text ) ) ); 
} 
// 声明 式 


var Shorterwords = compose( SkipLongwords，unique，words ); 


声明 式 关注 点 在 是 什么 上 -- 这 3 个 函数 传递 的 数据 从 一 个 字符 囊 到 一 系列 更 短 的 单词 -- 并 且 
将 怎么 做 留 在 了 compose(..) 的 内 部 。 


在 一 个 更 大 的 层 面 上 看 ” Shorterwords = compose(..) 行 解释 了 怎 怎 2 么 做 来 定义 一 个 
shorterwords(..) 实用 函数， 这 样 在 代码 的 别处 使 用 时 ， 只 需 关 注 下 面 这 行 声 明 式 的 代码 输 
出 是 什么 


Shorterwords( text ); 


组 合 将 一 得 到 一 系列 更 短 的 单词 的 过 程 抽象 了 出 来 。 
相反 的 看 ， 如 果 我 们 不 使 用 组 合 抽象 呢 ? 


var wordsFound = words( text ); 
var uniqueWordsFound = unique( wordsFound ); 
skipLongWords( uniquewordsFound ); 


或 者 这 种 : 


SkipLongwords( unique( words( text ) ) ); 


这 两 个 版 本 展示 的 都 是 一 种 更 加 命令 式 的 风格 ， 违 背 了 声明 式 风格 优先 原则 。 阅 读者 关注 这 
两 个 代码 片段 时 ， 会 被 更 多 的 要 求 了 解 怎么 做 而 不 是 是 什么 


函数 组 合并 不 是 通过 DRY 的 原则 来 节省 代码 量 。 即 使 eT .) 的 使 用 只 出 现 了 一 
次 -- 所 以 并 没有 重复 问题 需要 避免 |! -- 从 怎么 做 中 分 离 出 是 什么 仍 能 帮助 我 们 提升 代码 。 


组 合 是 一 个 抽象 的 强力 工具 ， 它 能 够 将 命令 式 代码 抽象 为 更 可 读 的 声明 式 代码 。 


回顾 形 参 


已 经 把 组 合 都 了 解 了 一 遍 -- 那么 是 时 候 抛 出 函数 式 编程 中 很 多 地 方 都 有 用 的 小 技巧 
-- 让 我 们 通过 在 某 个 场景 下 回顾 第 3 章 的 “无 形 参 ”( 译 者 注 : oo 参 " 指 的 是 移 除 对 函数 形 
ws 用 ) 段落 中 的 point-free 代码 ， 并 把 它 重 构 的 稍微 复杂 观察 这 种 小 技巧 。 


// 提供 该 API : ajax( url, data, cb ) 
var getPerson = partial( ajax, "http://some.api/person™" ); 
var getLastorder = partial( ajax, "http://some.api/order", { id: -1 } ); 


getLastorder( function orderFound(order){ 
getPerson( { id: order.personId }, function personFound(person){ 


output( person.name ); 
} ); 
} ); 
我 们 想 要 移 除 的 “点 "是 对 order 和 person 参数 的 引用 。 


让 我 们 尝试 将 person 形 参 移出 personFound(..) 函数 。 要 达到 目的 ， 我 们 需要 首先 定义 : 
function extractName(person) { 


return person.name,; 


但 据 我 们 观察 这 段 操作 能 够 表达 的 更 通用 些 : 将 任意 对 象 的 任意 属性 通过 属性 名 提取 出 来 。 
让 我 们 把 这 个 实用 函数 称 为 prop(..) 


function prop(name,obj) { 
return obj[name]; 


} 
// ES6 箭头 也 数 形式 
var prop = 


(name, obj ) => 
obj[name]; 


我 们 处 理 对 象 属性 的 时 候 ， 也 需要 定义 下 反 操 作 的 工具 函数 : setProp(..) ， 为 了 将 属性 值 设 
到 某 个 对 象 上 。 


人 但是， 我们 想 小 心 一 些 ， 不 改动 现存 的 对 象 ， 而 是 创建 一 个 携带 变化 的 复制 对 象 ， 并 将 它 返 
回 出 去 。 这 样 处 理 的 原因 将 在 第 5 章 中 讨论 更 多 细节 。 


function setProp(name,obj,val) { 
var 0 = Object.assign( {}, obj ); 
orname] = val; 
return oo» 


现在 ， 定 义 一 个 extractName(..) ， 它 能 将 对 象 中 的 "name" 属性 拿 出 来 ， 我 们 将 部 分 应 用 


prop(..) 


var extractName = partial( prop, "name™" ) ; 


注意 : 不 要 误解 这 里 的 extractName(..) ， 它 其 实 什么 都 还 没有 做 。 我 们 只 是 部 分 应 用 
prop(..) 来 创建 了 一 个 等 待 接收 包含 "name" 属性 的 对 象 的 函数 。 我 们 也 能 
过 curry(prop)("name" 做 到 一 样 的 事 9 


通 


下 一 步 ， 让 我 们 缩小 关注 点 ， 看 下 例子 中 黎 套 的 这 块 查找 操作 的 调用 : 


getLastorder( function orderFound(order)t{ 
getPerson( { id: order.personId }，outputPersonName ); 


了 


我 们 该 如 何 定义 outputPersonName(..) 2 为 了 方便 形象 化 我 们 所 需要 的 东西 ， 想 一 下 我 们 需 
要 的 数据 流 是 什么 样 : 


output <-- extractName <-- person 


outputPersonName(..) 需要 是 一 个 接收 (对 象 ) 值 的 函数 ， 并 将 它 传递 给 
extractName(..) ， 然 后 将 处 理 后 的 值 传 给 output(..) 。 


希望 你 能 看 出 这 里 需要 compose(..) 操作 。 所 以 我 们 能 够 将 outputPersonName(..) 定义 为 : 


var outputPersonName = compose( output, extractName ); 


[3 


我 们 刚刚 创建 的 outputPersonName(..) 函数 是 提供 给 getperson(..) 的 回调 。 所 以 我 们 还 和 
定义 一 个 函数 叫做 processPerson(..) 来 处 理 回调 参数 ， 使 用 partialRight(..) 


var processPerson = partialRight( getPerson, outputPersonName ); 


让 我 们 用 新 函数 来 重 构 下 之 前 的 代码 : 


getLastorder( function orderFound(order)t{ 
processPerson( { id: order.personId } ); 
} ); 
唔 ， 进 展 还 不 错 |! 
但 我 们 需要 继续 移 除 掉 order 这 个 “ 形 参 ”。 下 一 步 是 观察 personId 能 够 被 prop(..) 从 一 


个 对 象 〈 比 如 order ) 中 提取 出 来 ， 就 像 我 们 在 person 对 象 中 提取 name 一 样 。 


var extractPersonId = partial( prop, "personId™" ); 


为 了 创建 传递 给 processPerson(..) 的 对 象 ( { id: .. } 的 形式 ) ， 让 我 们 创建 一 个 实用 
函数 makeobjProp(..) ， 用 来 以 特定 的 属性 名 将 值 包 装 为 一 个 对 象 。 


function makeObjProp(name,value) { 


return SetProp( name, {}, value ); 





} 
// ES6 箭头 函数 形式 
var makeObjProp = 
(name,value) => 
SetProp( name, {}, value ); 
提示 : 这 个 实用 函数 在 Ramda 库 中 被 称 为 objof(..) 。 


就 像 我 们 之 前 使 用 prop(..) 来 创建 extractName(..) ， 我 们 将 部 分 应 用 makeobjProp(..) 
来 创建 personpata(..) 函数 用 来 制作 我 们 的 数据 对 象 。 


Var 


personData = partial( makeobjProp，" Id” ); 


为 了 使 用 processPerson(..) 来 完成 通过 order 值 查找 一 个 人 的 功能 ， 我 们 需要 的 数据 流 如 


下 : 


processPerson <-- personData <-- extractPersonId <-- order 


所 以 我 们 只 需要 再 使 用 一 次 compose(..) 来 定义 一 个 lookupPerson(..) 


Var 


lookupPerson = compose( processPerson, personData, extractPersonId ); 


然后 ， 就 是 这 样 了 ! 把 这 整个 例子 重新 组 合 起 来 ， 不 带 任何 的 " 形 参 ”: 


Var 
Var 


Var 
Var 
Var 
Var 
Var 
Var 


getPerson = partial( ajax， "http://some.api/person" ); 
getLastorder = partial( ajax, "http://some.api/order", { id: -1 } ); 


extractName = partial( prop, "name™ ); 

outputPersonName = compose( output, extractName ); 

processPerson = partialRight( getPerson, outputPersonName ); 
personData = partial( makeObjProp, "id" ); 

extractPersonId = partial( prop, "personId™ ); 

lookupPerson = compose( processPerson, personData, extractPersonId ); 


getLastorder( lookupPerson ); 


哇 哦 。 没 有 形 参 。 并 且 compose(..) 在 两 处 地 方 看 起 来 相当 有 用 ! 


我 认为 在 这 样 的 场景 下 ， 即 使 推导 出 我 们 最 终 答 案 的 步骤 有 些 多 ， 但 最 终 的 代码 却 变 得 更 加 
可 读 ， 因 为 我 们 不 用 再 去 详细 的 调用 每 一 步 了 


eva 


partial( ajax, "http://some.api/order", { id: -1 } ) 
( 
compose( 
partialRight( 
partial( ajax, "http://some.api/person" ), 
compose( output, partial( prop, "name" ) ) 


), 
partial( makeObjProp, "id" ), 
partial( prop, "personId" ) 


这 段 代 码 肯 定 没 那么 罗 叶 了 ， 但 我 认为 比 之 前 的 每 个 操作 都 有 其 对 应 的 变量 相 比 ， 可 读 性 略 
有 降低 。 但 是 不 管 怎样 ， 组 合 帮 助 我 们 实现 了 无 点 的 风格 。 


总 结 
函数 组 合 是 一 种 定义 函数 的 模式 ， 它 能 将 一 个 函数 调用 的 输出 路 由 到 另 一 个 函数 的 调用 上 ， 


然后 一 直 进 行 下 去 。 


因为 JS 部 数 只 能 返回 单个 值 ， 这 个 模式 本 质 上 要 求 所 有 组 合 中 的 函数 (可 能 第 一 个 调用 的 六 
es 


相 较 于 在 我 们 的 代码 里 详细 列 出 每 个 调用 ， 函 数组 合 使 用 compose(..) 实用 有 函数 来 提取 出 实 
现 细 节 ， 让 代码 变 得 更 可 读 ， 让 我 们 更 关注 组 合 完成 的 是 什么 ， 而 不 是 它 具体 做 什么 


组 合 一 一 一 一 声明 式 数 据 流 一 一 一 一 是 支撑 函数 式 编程 其 他 特性 的 最 重要 的 工具 之 一 。 


JavaScript 轻 量 级 函数 式 编程 


第 5 章 : 减少 副作用 


在 第 2 章 ， 我 们 讨论 了 一 个 函数 除了 它 的 返回 值 之 外 还 有 什么 输出 。 现 在 你 应 该 很 熟悉 用 函 
数 式 编程 的 方法 定义 一 个 函数 了 ， 所 以 对 于 函数 式 编程 的 副作用 你 应 该 有 所 了 解 。 


我 们 将 检查 各 种 各 样 不 同 的 副作用 并 且 要 看 看 他 们 为 什么 会 对 我 们 的 代码 质量 和 可 读 性 造成 


损害 。 
一 章 的 要 点 是 : 编写 eg 作用 的 程序 是 不 可 能 的 。 当 然 ， 也 不 是 不 可 能 ， 你 当然 可 以 
编写 出 没有 副 作用 se 这 样 的 话 程序 就 不 会 做 任何 有 用 和 明显 的 事情 。 如 果 你 编写 


出 来 一 个 零 副 作用 的 程序 ， ee le 它 和 一 个 被 删除 的 或 者 空 程序 的 区 别 。 


函数 式 编程 者 并 没有 消除 所 有 的 副作用 。 实 际 上 ， 我 们 的 目标 是 尽 可 能 地 限制 他 们 。 要 做 到 
这 一 点 ， 我 们 首先 需要 完全 理解 函数 式 编程 的 副作用 。 


什么 是 副作用 


因果 关系 : 举 一 个 我 们 人 类 对 周围 世界 影响 的 最 基本 、 最 直观 的 例子 ， 推 一 下 放 在 桌子 边沿 
上 的 一 本 书 ， 书 会 掉 落 。 不 需要 你 拥有 一 个 物理 学 的 学 位 你 也 会 知道 ， 这 是 因为 你 刚刚 推 了 
书 并 且 书 掉 落 是 因为 地 心 引 力 ， 这 是 一 个 明确 并 直接 的 关系 。 


在 编程 中 ， 我 们 也 完全 会 处 理 因果 关系 。 如 果 你 调用 了 一 个 函数 〈 起 因 ) ， 就 会 在 屏幕 上 输 
出 一 条 消息 (结果 ) 。 


当 我 们 在 阅读 程序 的 时 候 ， 能 够 清晰 明确 的 识别 每 一 个 起 因 和 每 一 个 结果 是 非常 重要 的 。 在 
某 种 程度 上 ， 通 读 程序 但 不 能 看 到 因果 的 直接 关系 ， 程 序 的 可 读 性 就 会 降低 。 


思考 一 下 : 


functron tioo(x 
meturm Xe 2 


} 


var y = foo( 3 ); 


在 这 段 代码 中 ， 有 很 直接 的 因果 关系 ， 调 用 值 为 3 的 foo 将 具有 返回 值 6 的 效果 ， 调 用 取 
数 foo() 是 起 因 ， 然 后 将 其 赋值 给 y 是 结果 。 这 里 没有 歧义 ， 传 入 参数 为 3 将 会 返回 6， 将 
函数 结果 赋值 给 变量 y 是 结果 。 


functaonntoo(x) 


Y= 2 
} 
var y; 
foo( 3 ); 


这 段 代码 有 相同 的 输出 ， 但 是 却 有 很 大 的 差异 ， 这 里 的 因果 是 没有 联系 的 。 这 个 影响 是 间接 
的 。 这 种 方式 设置 y 就 是 我 们 所 说 的 副作用 。 


注意 : 当 函 数 引用 外 部 变量 时 ， 这 个 变量 就 称 为 自由 变量 。 并 不 是 所 有 的 自由 变量 引用 都 是 
不 好 的 ， 但 是 我 们 要 对 它们 非常 小 心 。 


假使 给 你 一 个 引用 来 调用 有 函数 bar(..) ， 你 看 不 到 代码 ， 但 是 我 告诉 你 这 段 代 码 并 没有 间接 
的 副作用 ， 只 有 一 个 显 式 的 return 值 会 怎么 样 ? 


bar( 4 ); // 42 


因为 你 知道 bar(..) 的 内 部 结构 不 会 有 副作用 ， 你 可 以 像 这 样 直 接地 调用 bar(..) 。 但 是 如 
果 你 不 知道 bar(..) 没有 副作用 ， 为 了 理解 调用 这 个 函数 的 结果 ， 你 必须 去 阅读 和 分 析 它 的 
逻辑 。 这 对 读者 来 说 是 额外 的 负担 。 


有 副作用 的 函数 可 读 性 更 低 ， 因 为 它 需 要 更 多 的 阅读 来 理解 程序 。 
但 是 程序 往往 比 这 个 要 复杂 ， 思 考 一 下 : 

WE 

foo(); 

console.1log( x ); 

bar( ); 

console.1log( x ); 

baz( ); 


console.log( x ); 


你 能 确定 每 次 console.1log(x) 的 值 都 是 你 想 要 的 吗 ? 


答 是 否定 的 。 如果 你 不 确定 函数 foo() 、 bar() 和 baz() 是 否 有 副作用 ; 你 就 不 能 保证 
每 一 步 的 x 将 会 是 什么 ， 除 非 你 检查 每 个 步骤 的 实现 ， 然 后 从 第 一 行 开始 跟踪 程序 ， 跟 踪 所 
有 状态 的 改变 。 

换 名 话说， console.1log(x) 最 后 的 结果 是 不 能 分 析 和 预测 的 ， 除 非 你 已 经 在 心里 将 整个 程序 
执行 到 这 里 了 。 

猜 猜 谁 擅长 运行 你 的 程序 ? JS 引擎 。 猜 猿 谁 不 擅长 运行 你 的 程序 ?你 代码 的 读者 。 然 而 ， 如 
果 你 选择 在 一 个 或 多 个 函数 调用 中 编写 带 有 (潜在 ) 副作用 的 代码 ， 那 么 这 意味 着 你 已 经 使 

你 的 读者 必须 将 你 的 程序 完整 地 执行 到 某 一 行 ， 以 便 他 们 理解 这 一 行 。 

如 果 foo() 、bar() 、 和 baz() 都 没有 副作用 的 话 ， 它 们 就 不 会 影响 到 x ， 这 就 意味 着 我 
们 不 需要 在 心里 默默 地 执行 它们 并 且 跟 踪 x 的 变化 。 这 在 精力 上 负担 更 小 ， 并 且 使 得 代码 更 
加 地 可 读 。 


潜在 的 原因 
输出 和 状态 的 变化 ， 是 最 常 被 引用 的 副作用 的 表现 。 但 是 另 一 个 有 损 可 读 性 的 实践 是 一 些 被 


认为 的 侧 因 ， 思 考 一 下 : 


function foo(x) { 
PeturneX YY, 


} 
var a. 
foo( 1 ); // 4 


y 不 会 随 着 foo(..) 改变 ， 所 以 这 和 我 们 之 前 看 到 的 副作用 有 所 不 同 。 但 是 现在 ， 对 函数 
foo(..) 的 调用 实际 上 取决 于 y 当前 的 状态 。 之 后 我 们 如 果 这 样 做 : 


Y= 
MA 
foo( 下 Dy pe 


我 们 可 能 会 感到 惊讶 两 次 调用 foo(1) 返回 的 结果 不 一 样 。 

foo(..) 对 可 读 性 有 一 个 间接 的 破坏 性 。 如 果 没 有 对 函数 foo(..) 进行 仔细 检查 ， 使 用 者 可 
能 不 会 知道 导致 这 个 输出 的 原因 。 这 看 起 来 仅仅 像 是 参数 1 的 原因 ， 但 却 不 是 这 样 的 。 

为 了 帮助 可 读 性 ， 所 有 决定 foo(..) 输出 的 原因 应 该 被 设置 的 直接 并 明显 。 函 数 的 使 用 者 将 
会 直接 看 到 原因 和 结果 。 


使 用 固定 的 状态 
避免 副作用 就 意味 着 函数 foo(..) 不 能 引用 自由 变量 了 吗 ? 
思考 下 这 段 代 码 : 


function foo(x) { 
return x + bar( x ); 


} 


function bar(x) { 
eturneX 2 


} 


foo( 3 ); 9 


很 明显 ， 对 于 有 函数 foo(..) 和 函数 bar(..) ，” 唯一 和 直接 的 原因 就 是 参数 x 。 但 是 
bar(x) 被 称 为 什么 呢 ? par 仅仅 只 是 一 个 标识 符 ， 在 JS 中 ， 默 认 情 况 下 ， 它 甚至 不 是 一 
个 常量 〈 不 可 重新 分 配 的 变量 ) 。 foo(..) 函数 依赖 于 bar 的 值 ， bar 作为 一 个 自由 变量 
被 第 二 个 函数 引 用 。 


所 以 说 这 个 函数 还 依赖 于 其 他 的 原因 吗 ? 


我 认为 不 。 虽 然 可 以 用 其 他 的 函数 来 重 写 bar 这 个 变量 ， 但 是 在 代码 中 我 没有 这 样 做 ， 这 也 
不 是 我 的 惯例 或 先例 。 无 论 出 于 什么 意图 和 目的 ， 我 的 元 数 都 是 常量 (从 不 重新 分 配 ) 。 


思考 一 下 : 
const PI = 3.141592， 


Functaon Eoo(XO ne 
et unm PT; 


} 


foo( 3 ); // 9.424776000000001 


注意 : JavaScript 有 内 置 的 Math.PI 属性 ， 所 以 我 们 在 本 文中 仅仅 是 用 PI 做 一 个 方便 的 
说 明 。 在 实践 中 ， 总 是 使 用 Math.PI 而 不 是 你 自己 定义 的 。 


上 面 的 代码 怎么 样 呢 ? PI 是 函数 foo(..) 的 一 个 副作用 吗 ? 
两 个 观察 结果 将 会 合理 地 帮助 我 们 回答 这 个 问题 : 


1. 想 一 下 是 否 每 次 调用 foo(3) ， 都 将 会 返回 9.424.. ?答案 是 肯定 的 。 如 果 每 一 次 都 给 
一 个 相同 的 输入 ( x ) ， 那 么 都 将 会 返回 相同 的 输出 。 


尔 能 用 pI 的 当前 值 来 代替 每 一 个 pI 吗 ， 并 且 程 序 能 够 和 之 前 一 样 正确 地 的 运行 吗 ? 
是 的 。 程 序 没 有 任何 一 部 分 依赖 于 pI 值 的 改变 ， 因为 PI 的 类 型 是 const ， 它 是 不 
能 再 分 配 的 ， 所 以 变量 PI 在 这 里 只 是 为 了 便于 阅读 和 维护 。 它 的 值 可 以 在 不 改变 程序 
行为 的 情况 下 内 联 。 


D 
sc 


我 的 结论 是 : 这 里 的 pI 并 不 违反 减少 或 避免 副作用 的 精神 。 在 之 前 的 代码 也 没有 调用 


bar(x) ° 


在 这 两 种 情况 下 ，PpI 和 bar 都 不 是 程序 状态 的 一 部 分 。 它 们 是 固定 的 ， 不 可 重新 分 配 的 
(“常量 ") 的 引用 。 如 果 他 们 在 整个 程序 中 都 不 改变 ， 那 么 我 们 就 不 需要 担心 将 他 们 作为 变化 
的 状态 追踪 他 们 。 同 样 的 ， 他 们 不 会 损害 程序 的 可 读 性 。 而 且 它们 也 不 会 因为 变量 以 不 可 预 
测 的 方式 变化 ， 而 成 为 错误 的 源头 。 


注意 : 在 我 看 来 ， 使 用 const 并 不 能 说 明 pr 不 是 副作用 ; 使 用 var PI 也 会 是 同样 的 结 
果 。 pI 没有 被 重新 分 配 是 问题 的 关键 ， 而 不 是 使 用 const 。 我 们 将 在 后 面 的 章节 讨论 


const °? 


随机 性 


你 以 前 可 能 从 来 没有 考虑 过 ， 但 是 随机 性 是 不 纯 的 。 一 个 使 用 Math.random() 的 苑 数 永 远 都 
不 是 纯 的 ， 因 为 你 不 能 根据 它 的 输入 来 保证 和 预测 它 的 输出 。 所 以 任何 生成 唯一 随机 的 ID 等 
都 需要 依靠 程序 的 其 他 原因 。 


在 计算 中 ， 我 们 使 用 的 是 伪 随 机 算法 。 事 实证 明 ， 昌 正 的 随机 是 非常 难 的 ， 所 以 我 们 只 是 用 
复杂 的 算法 来 模拟 它 ， 产 生 的 值 看 起 来 是 随机 的 。 这 些 算法 计算 很 长 的 一 串 数 字 ， 但 秘密 
是 ， 如 果 你 知道 起 始点 ， 实 际 上 这 个 序列 是 可 以 预测 的 。 这 个 起 点 被 称 之 为 种 子 。 


一 些 语言 允许 你 指定 生成 随机 数 的 种 子 。 如 果 你 总 是 指定 了 相同 的 种 子 ， 那 么 你 将 始终 从 后 
续 的 “随机 数 "中 得 到 相同 的 输出 序列 。 这 对 于 测试 是 非常 有 用 的 ， 但 是 在 攻 正 的 应 用 中 使 用 也 
是 非常 危险 的 。 


在 JS 中 ，Math,random() 的 随机 性 计算 是 基于 间接 和 输入， 因为 你 不 能 明确 种 子 。 因 此 ， 我 们 
必须 将 内 建 的 随机 数 生成 视 为 不 纯 的 一 方 。 


MO 效 采 


这 可 能 不 太 明 显 ， 但 是 最 常见 (并 且 本 质 上 不 可 避免 ) 的 副作用 就 是 IO (输入 /输出 ) 。 一 个 
没有 1/O 的 程序 是 完全 没有 意义 的 ， 因 为 它 的 工作 不 能 以 任何 方式 被 观察 到 。 一 个 有 用 的 程序 
必须 最 少 有 一 个 输出 ， 并 且 也 需要 输入 。 输 入 会 产生 输出 。 


用 户 事件 (和 鼠标、 键盘 ) 是 JS 编程 者 在 浏览 器 中 使 用 的 典型 的 输入 ， 而 输出 的 则 是 DOM 。 
如 果 你 使 用 Node.js 比较 多 ， 你 更 有 可 能 接收 到 和 输出 到 文件 系统 、 网 络 系统 和 /或 者 stdin 
/ stdout (标准 输入 流 /标准 输出 流 ) 的 输入 和 输出 。 


事实 上 ， 这 些 来 源 既 可 以 是 输入 也 可 以 是 输出 ， 是 因 也 是 果 。 以 DOM 为 例 ， 我 们 更 新 (产生 
副作用 的 结果 ) 一 个 DOM 元 素 为 了 给 用 户 展示 文字 或 图 片 信息 ， 但 是 DOM 的 当前 状态 是 对 
这 些 操作 的 隐 式 输入 (产生 副作用 的 原因 ) 。 


其 他 的 错误 


在 程序 运行 期 间 副 作用 可 能 导致 的 错误 是 多 种 多 样 的 。 让 我 们 来 看 一 个 场景 来 说 明 这 些 危 
害 ， 和 希望 它们 能 帮助 我 们 辨认 出 在 我 们 自己 的 程序 中 类 似 的 错误 。 


思考 一 下 : 


var Users = {1}; 
var Userorders = {}; 


function fetchUserData(userId) { 
ajax( "http://some.api/user/" + userId, function onUserData(userData)t{ 
users[userId] = userData; 


yy 


function fetchorders(userId) { 
ajax( "http://some.api/orders/" + userId, function onOrders(orders)t{ 
for (let i = 0; i < orders.length; i++) { 
// 对 每 个 用 户 的 最 新 订单 保持 引用 
users[userId].1latestorder = orders[il]; 
userOrders[orders[i].orderId] = orders[i]; 


3 


Tunctaon deleteOrder(order1Id) ft 
var User = users[ userOrders[orderId].userId ]; 
Var isLatestOrder = (userorders[orderId] == user.latestOrder); 


// 删除 用 户 的 最 新 订单 ? 
a i { 
hideLatestorderDisplay(); 


ajax( "http://some.api/delete/order/" + orderId, function onDelete(success)t{ 
if (success) { 
// 删除 用 户 的 最 新 订单 ? 
if (IsLatestorder) { 
User ,Latestorder = null; 


Userorders[orderId] = null; 


} 
else if (isLatestOrder) { 
showLatestorderDisplay(); 


3 


我 敢 打 赌 ， 一 些 读者 显然 会 发 es 的 错误 。 如 果 回 调 onorders(..) 在 回调 
onUserData(..) 之 前 运 和 了 ， 它 会 一 个 尚未 设置 的 值 ( users[userId] 和 userData 对 象 ) 
添加 一 个 latestorder 属性 


Rae wn muta 澡 作 (是否 异 步 ) 紊乱 情况 下 发 生 的 ， 我 们 
望 以 确定 的 顺序 运行 ， 但 在 某 些 情况 下 ， 可 能 会 以 不 同 的 顺序 运行 。 有 一 些 策略 可 以 确保 
ee ， 很 明显 ， 在 这 种 情况 下 顺序 是 至 关 重 要 的 。 


这 里 还 有 另 一 个 细小 的 错误 ， 你 发 现 了 吗 ? 


思考 下 这 个 调用 顺序 : 


fetchUserData( 123 ); 
onUserDatal(..); 
fetchorders( 123 ); 
onOrders(..); 


// later 


fetchorders( 123 ); 
deJleteorder( 456 ); 
onOorders(..); 
onDelete(..); 


你 发 现 每 一 对 fetchorders(..) / onorders(..) 和 deleteorder(..) / onDelete(..) 都 是 交 
替 出 现 了 吗 ? 这 个 潜在 的 排序 会 伴随 着 我 们 状态 管理 的 侧 因 /副作用 暴露 出 一 个 古怪 的 状态 。 


在 设置 isLatestorder 标志 和 使 用 它 来 决定 是 否 应 该 清空 users 中 的 用 户 数据 对 象 的 
latestorder 属性 时 ， 会 有 一 个 延迟 〈 因 为 回调 ) 。 在 此 延迟 期 间 ， 如 果 onorders(..) 销 
毁 ， 它 可 以 潜在 地 改变 用 户 的 latestorder 引用 的 顺序 值 。 当 onpelete(..) 在 销毁 之 后 ， 
它 会 假定 它 仍然 需要 重新 引用 latestorder 。 


错误 : 数据 (状态 ) 可 能 不 同步 。 当 进入 onorders(..) 时 ， 1latestorder 可 能 仍然 指向 一 
个 较 新 的 顺序 ， 这 样 latestorder 就 会 被 重 置 。 


这 种 错误 最 糟糕 的 是 你 不 能 和 其 他 错误 一 样 得 到 程序 崩溃 的 异常 。 我 们 只 是 有 一 个 不 正确 的 
状态 ， 同 时 我 们 的 应 用 程序 “默默 地 ”崩溃 。 


fetchUserpata(..) 和 fetchorders(..) 的 序列 依赖 是 相当 明显 的 ， 并 且 被 直截了当 地 处 

理 。 但 是 ， 在 fetchorders(..) 和 deleteorder(..) 之 间 存 在 潜在 的 序列 依赖 关系 ， 就 不 大 
清楚 了 。 这 两 个 似乎 更 加 独立 。 并 且 确 保 他 们 的 顺序 被 保留 是 比较 棘手 的 ， 因 为 你 事先 不 知 
道 (在 fetchorders(..) 产生 结果 之 前 ) 是 否 必 须要 按照 这 样 的 顺序 执行 。 


是 的 ， 一 旦 deleteOrder(..) 销毁 ， 你 就 能 重新 计算 isLatestorder 标志 。 但 是 现在 你 有 另 
一 个 问题 : 你 的 UI 状态 可 能 不 同步 。 


如 果 你 之 前 已 经 调用 过 hideLatestorderDisplay() ， 现 在 你 需要 调用 
showLatestorderDisplay() ， 但 是 如 果 一 个 新 的 latestorder 已 经 被 设置 好 了 ， 你 将 要 跟踪 
至 少 三 个 状态 : 被 删除 的 状态 是 否 本 来 是 "最 新 的 "、 是 否 是 "最 新 "设置 的 ， 和 这 两 个 顺序 有 什 
么 不 同 吗 ? 这 些 都 是 可 以 解决 的 问题 ， 但 无 论 如 何 都 是 不 明显 的 。 


所 有 这 些 麻烦 都 是 因为 我 们 决定 在 一 组 共享 的 状态 下 构造 出 有 副作用 的 代码 。 


函数 式 编程 人 员 讨厌 这 类 因果 的 错误 ， 因 为 这 有 损 我 们 的 阅读 、 推 理 、 验 证 和 最 终 相 信 代 码 
的 能 力 。 这 就 是 为 什么 他 们 要 如 此 严肃 地 对 待 避免 副作用 的 原因 。 


有 很 多 避免 /修复 副作用 的 策略 。 我 们 将 在 本 章 后 面 和 后 面 的 章节 中 讨论 。 我 要 说 一 个 确定 的 
事情 : 写 出 有 副作用 /效果 的 代码 是 很 正常 的 ， 所 以 我 们 需要 说 惯 和 刻意 地 避免 产生 有 副作用 
的 代码 。 


一 次 就 好 


如 果 你 必须 要 使 用 副作用 来 改变 状态 ， 那 么 一 种 对 限制 潜在 问题 有 用 的 操作 是 禹 等 。 如 果 你 
的 值 的 更 新 是 加 次 的 ， 那 么 数据 将 会 适应 你 可 能 有 不 同 副作用 来 源 的 多 个 此 类 更 新 的 情况 。 


震 等 的 定义 有 点 让 人 困惑 ， 同 时 数学 家 和 程序 员 使 用 知 等 的 含义 稍 有 不 同 。 然而， 这 两 种 观 
点 对 于 函数 式 编程 人 员 都 是 有 用 的 。 


首先 ， 让 我 们 给 出 一 个 计数 器 的 例子 ， 它 既 不 是 数学 上 的 ， 也 不 是 程序 上 的 需 等 : 


function updateCounter(obj) { 
if (obj.count < 10) { 
obj .count++; 
return true; 


} 


return false; 


这 个 函数 通过 引用 递增 obj.count 来 该 改变 一 个 对 象 ， 所 以 对 这 个 对 象 产生 了 副作用 。 妆 
o.count 小 于 10 时 ， 如 果 updatecounter(o) 被 多 次 调用 ， 即 程序 状态 每 次 都 要 更 改 。 另 
外 ” updateCounter(..) 的 输出 是 一 个 布尔 值 ， 这 不 适合 返回 到 updateCounter(..) 的 后 续 调 
用 。 


数学 中 的 笃 等 

从 数学 的 角度 来 看 ， 需 等 指 的 是 在 第 一 次 调用 后 ， 如 果 你 将 该 输出 一 次 又 一 次 地 输入 到 操作 
中 ， 其 输出 永远 不 会 改变 的 操作 。 换 名 话说 ，foo(x) 将 产生 与 

foo(foo(x)) 、 foo(foo(foo(x))) 等 相同 的 输出 。 

一 个 典型 的 数学 例子 是 Math.abs(..) 〈 取 绝对 值 ) 。 Math.abs(-2) 的 结果 是 2 ， 和 
Math.abs(Math.abs(Math.abs(Math.abs(-2)))) 的 结果 相同 。 


像 Math.min(..) 、 Math.max(..) 、 Math.round(..) 、 Math.floor(..) 和 Math.ceil(..) 这 
些 工具 函数 都 是 筑 等 的 。 


我 们 可 以 用 同样 的 特征 来 定义 一 些 数学 运算 : 


function toPpowerO(x) { 
return Math.pow( x, © ); 


function snapUp3(x) { 
eturnexe (xX Xt (X03 > 0 0 3 


} 
toPowerg0( 3 ) == toPower0( toPower0( 3 ) ); J true 
snapUp3( 3.14 ) == snapUp3( snapUp3( 3.14 ) ); J/ true 


数学 上 的 容 等 不 仅 限于 数学 运算 。 我 们 还 可 以 用 JavaScript 的 原始 类 型 来 说 明 轿 等 的 另 一 种 
形式 : 


var x = 42, y = "hello"; 
String( x ) =a= String( String( x yy // true 
Boolean( y ) === Boolean( Boolean( y ) ); /Eue 
在 本 文 的 前 面 ， 我 们 探究 了 一 种 常见 的 函数 式 编程 工具 ， 它 可 以 实现 这 种 形式 的 智 等 : 


identity( 3 ) === identity( identity( 3 ) ); nue 


某 些 字符 串 操 作 自然 也 是 笃 等 的 ， 例 如 : 


Functaon uper(CO t 
return x.toUpperCase(); 


function lower(x) { 
return x.toLowerCase(); 


var str = "Hello World"; 
upper( str ) == upper( upper( str ) ); // true 


lower( str ) == lower( lower( str ) ); // true 


我 们 甚至 可 以 以 一 种 畦 等 方式 设计 更 复杂 的 字符 串 格式 操作 ， 比 如 : 


funetaonneurrenecey(val) et 
var num = parseFloat( 
String( veal ereplace@ /Nd | 
); 


var sign = (num < 0) ?3 "-"” ; "", 

returne $sLign}$ss{MatheabsC num etorFixed( 2 7 
} 
currency( -3.1 ); st Ne yo 
currency( -3.1 ) == currency( currency( -3.1 ) ); Eniue 


currency(..) 举例 说 明了 一 个 重要 的 技巧 : 在 某 些 情况 下 ， 开 发 人 员 可 以 采取 额外 的 步骤 来 
规范 化 输入 /输出 操作 ， 以 确保 操作 是 需 等 的 来 避免 意外 的 发 生 。 


在 任何 可 能 的 情况 下 通过 畦 等 的 操作 限制 副作用 要 比 不 做 限制 的 更 新 要 好 得 多 。 


编程 中 的 徊 等 


紧 等 的 面向 程序 的 定义 也 是 类 似 的 ， 但 不 太 正式 。 编 程 中 的 略 等 仅仅 是 flxj， 的 结果 与 
f(x); f(x) 相同 而 不 是 要 求 f(x) === f(f(x)) 。 换 句 话说 ， 之 后 每 一 次 调用 f(x) 的 结果 
和 第 一 次 调用 f(x) 的 结果 没有 任何 改变 。 


这 种 观点 更 符合 我 们 对 副作用 的 观察 。 因 为 这 更 像 是 一 个 f(..) 创建 了 一 个 需 等 的 副作用 而 
不 是 必须 要 返回 一 个 需 等 的 输出 值 。 


这 种 需 等 性 的 方式 经 常 被 用 于 HTTP 操作 (动词 ) ， 例 如 GET 或 PUT。 如 果 HTTP REST 
API 正 确 地 遵循 了 血 等 的 规范 指导 ， 那 么 PUT 被 定义 为 一 个 更 新 操作 ， 它 可 以 完全 替换 资 
源 。 同 样 的 ， 客 户 端 可 以 一 次 或 多 次 发 送 PUT 请 求 (使 用 相同 的 数据 ) ， 而 服务 器 无 论 如 何 
都 将 具有 相同 的 结果 状态 。 


让 我 们 用 更 具体 的 编程 方法 来 考虑 这 个 问题 ， 来 检查 一 下 使 用 种 等 和 没有 使 用 才 等 是 否 产 生 
副 | 作用 : : 
// 硕 村 的 : 


obj.count = 2; 
a[la.length - 1] = 42; 
person.name = upper( person.name ); 


// 非 需 等 的 : 

0bj .count++; 

a[a.length] = 42; 
person.lastUpdated = Date.now(); 


记 住 : 这 里 的 协 等 性 的 概念 是 每 一 个 曙 等 运算 (比如 obj.count = 2 ) 可 以 重复 多 次 ， 而 不 
是 在 第 一 次 更 新 后 改变 程序 操作 。 非 血 等 操作 每 次 都 改变 状态 。 


那么 更 新 DOM 呢 ? 


var hist = document.getElementById( "orderHistory" ); 


// 鸭 等 的 : 
hist.innerHTML = order.historyText; 


// 非 委 等 的 : 
var update = document.createTextNode( order.latestUpdate ); 
hist.appendchild( update ); 


这 里 的 关键 区 别 在 于 ， 震 等 的 更 新 替换 了 DOM 元 素 的 内 容 。DOM 元 素 的 当前 状态 是 独立 
的 ， 因 为 它 是 无 条 件 履 盖 的 。 非 需 等 的 操作 将 内 容 添 加 到 元 素 中 ; 隐 式 地 ，DOM 元 素 的 当前 
状态 是 计算 下 一 个 状态 的 一 部 分 


我 们 将 不 会 一 直 用 畦 等 的 方式 去 定义 你 ee ， 但 如 果 你 能 做 到 ， 这 肯定 会 减少 你 的 副作用 
在 你 最 意 想不到 的 时 候 突然 出 现 的 可 能 性 。 


纯粹 的 快乐 


没有 副作用 的 函数 称 为 纯 函 数 。 在 编程 的 意义 上 ， 纯 函数 是 一 种 固 等 函数 ， 因 为 它 不 可 能 
任何 副作用 。 思 考 一 下 : 


function add(x,y) { 
eturnX ty 


} 


所 有 输入 ( x 和 y ) 和 输出 ( return .. ) 都 是 直接 的 ? 没有 引用 自由 变量 。 调 用 
add(3,4) 多 次 和 调用 一 次 是 没有 区 别 的 。 add(..) 是 纯粹 的 编程 风格 的 震 等 。 


然而 ， 并 不 是 所 有 的 纯 函 数 都 是 数学 概念 上 的 寺 等 ， 因 为 它们 返回 的 值 不 一 定 适合 作为 再 次 
调用 它们 时 的 输入 。 思 考 一 下 : 


function calculateAverage(list) { 
var sum = 0，; 
for (let 1 = 0; 1 < list.lLength; 1++) { 
sum += lJist[i]; 
} 


return sum / list.length; 


} 


calculateAverage( [1,2,4,7,11,16,22] ); // 9 


输出 的 9 并 不 是 一 个 数组 ， 所 以 你 不 能 在 calculateAverage(calculateAverage(.,)) 中 将 其 
传 入 。 


正如 我 们 前 面 所 讨论 的 ， 一 个 纯 函 数 可 以 引用 自由 变量 ， 只 要 这 


长 


自由 变量 不 是 侧 因 。 


例如 : 


CONSt PI L41592; 


function circleArea(radius) { 
return PI * radius * radius; 


} 


function cylinderVolume(radius,height) { 
return height * circleArea( radius ); 


} 


circleArea(..) 中 引用 了 自由 变量 pI ， 但 是 这 是 一 个 常量 所 以 不 是 一 个 侧 
° cylinderVolume(..) 引用 了 自由 变量 circleArea ， 这 也 不 是 一 个 侧 因 ， 因为 这 个 程序 把 
它 当 作 一 个 常量 引用 它 的 函数 值 。 这 两 个 函数 都 是 纯 的 。 


另 一 个 例子 ， 一 个 函数 仍然 可 以 是 纯 的 ， 但 引用 的 自由 变量 是 闭 包 : 


hunetaon unary (ime 
return function onlyOneArg(arg){ 
return fn( arg ) 


}; 


unary(..) 本 身 显然 是 纯 函 数 一 一 它 唯 一 的 输入 是 fn ， 并 且 它 唯一 的 输出 是 返回 的 函数 ， 
但 是 闭合 了 自由 变量 fn 的 内 部 函数 onlyoneArg(..) 是 不 是 纯 的 呢 ? 


它 仍然 是 纯 的 ， 因 为 fn 永远 不 变 。 事 实 上 ， 我 们 对 这 一 事实 有 充分 的 自信 ， 因 为 从 词法 上 
讲 ， 这 几 行 是 唯一 可 能 重新 分 配 fn 的 代码 。 


注意 : fn 是 一 个 函数 对 象 的 引用 ， 它 默认 是 一 个 可 变 的 值 。 在 程序 的 其 他 地 方 可 能 为 这 个 
函数 对 象 添 加 一 个 属性 ， 这 在 技术 上 "改变 "这 个 值 (改变 ， 而 不 是 重新 分 配 ) 。 然 而 ， 因 为 我 
们 除了 调用 fn ， 不 依赖 fn 以 外 的 任何 事情 ， 并 且 不 可 能 影响 函数 值 的 可 调用 性 ， 因 此 
fn 在 最 后 的 结果 中 仍然 是 有 效 的 不 变 的 ; 它 不 可 能 是 一 个 侧 因 。 


表达 一 个 函数 的 纯度 的 另 一 种 常用 方法 是 : 给 定 相同 的 输入 (一 个 或 多 个 ) ， 它 总 是 产生 相 
同 的 输出 。 如 果 你 把 3 传 给 circleArea(..) 它 总 是 输出 相同 的 结果 ( 28.274328 ) 。 


不 纯 的 。 即 使 这 样 


如 果 一 个 函数 每 次 在 给 予 相同 的 输入 时 ， 可 能 产生 不 同 的 输出 ， 那 么 它 是 
类 态 每 次 被 调用 时 都 会 被 


的 函数 总 是 返回 相同 的 值 ， 只 要 它 产生 间接 输出 副作用 ， 并 且 程 序 
改变 ， 那 么 这 就 是 不 纯 的 。 


不 纯 的 函数 是 不 受 欢迎 的 ， 因 为 它们 使 得 所 有 的 调用 都 变 得 更 加 难以 理解 。 纯 的 函数 的 调用 
是 完全 可 预测 的 。 当 有 人 阅读 代码 时 ， 看 到 多 个 circleArea(3) 调用 ， 他 们 不 需要 花费 额外 
的 精力 来 计算 每 次 的 输出 结果 。 

相对 的 纯粹 


当 我 们 讨论 一 个 函数 是 纯 的 时 ， 我 们 必须 非常 小 心 。 JavaScript 的 动态 值 特性 使 其 很 容易 产 
生 不 明显 的 副作用 。 


思考 一 下 : 


function rememberNumbers(nums) 1{ 
returnmn function caller(tm)t 
return fn( nums ); 


}; 
y 


Wan :St = 2 A 


Var simpleList = rememberNumbers( list ); 


simpleList(..) 看 起 来 是 一 个 纯 函 数 ， 因 为 它 只 涉及 内 部 的 caller(..) 函数 ， 它 仅仅 是 闭 
合 了 自由 变量 nums 。 然 而 ， 有 很 多 方法 证 明 simpleList(..) 是 不 纯 的 。 


首先 ， 我 们 对 纯度 的 断言 是 基于 数组 的 值 (通过 1ist 和 nums 引用 ) 一 直 不 改变 : 


function median(nums) { 
return (nums[0] + nums[nums.length - 1]) / 2; 


} 

simpleList( median ); VS, 
人 

list.push( 6 ); 

/7 


simpleList( median ); W135 


当 我 们 改变 数组 时 ， simpleList(..) 的 调用 改变 它 的 输出 。 所 以 ，simpleList(..) 是 纯 的 还 
是 不 纯 的 呢 ? 这 就 取决 于 你 的 视角 。 对 于 给 定 的 一 组 假设 来 说 ， 它 是 纯 函 数 。 在 任何 没有 
list.push(6) 的 情况 下 是 纯 的 。 


我 们 可 以 通过 改变 rememberNumbers(..) 的 定义 来 修改 这 种 不 纯 。 一 种 方法 是 复制 nums 数 
组 : 


function rememberNumbers(nums) 1 
// 复制 一 个 数组 
nums = nums.slice(); 


returnm tunctron cabler (tm) 
return fn( nums ); 


由/ 


隐 含 一 个 更 环 手 的 副作用 : 


Pe 
证 
贷 
二 
候 
消 


al lms te = 2 


// 把 1ist[0] 作为 一 个 有 副作用 的 接收 者 
0bject.defineProperty( 

Jist, 

0， 


{ 
get: function(){ 


console.log( "[9] was accessed!™ ); 


IEetEUCTET 


) 
var SimpleList = rememberNumbers( list ); 


// [0] 已 经 被 使 用 ! 


一 个 更 粗鲁 的 选择 是 更 改 rememberNumbers(..) 的 参数 。 首 先 ， 不 要 接收 数组 ， 而 是 把 数字 
作为 单独 的 参数 : 


function rememberNumbers(...nums) { 
return function caller(hm)d 
return fn( nums ); 


}; 
Var simpleList = rememberNumbers( ...1list ); 


// [6] 已 经 被 使 用 ! 


这 两 个 ..， 的 作用 是 将 列表 复制 到 nums 中 ， 而 不 是 通过 引用 来 传递 。 


注意 : 控制 台 消息 的 副作用 不 是 来 自 于 rememberNumbers(..) ， 而 是 ..,list 的 扩展 中 。 
此 ， 在 这 种 情况 下 ” rememberNumbers(..) 和 simpleList(..) 是 纯 的 。 


但 是 如 果 这 种 突变 更 难 被 发 现 呢 ? 纯 函 数 和 不 纯 的 函数 的 合成 总 是 产生 不 纯 的 函数 。 如 果 我 
们 将 一 个 不 纯 的 函数 传递 到 另 一 个 纯 函 数 simpleList(..) 中 ， 那 么 这 个 函数 就 是 不 纯 的 : 


// 是 的 ， 一 个 蚌 奢 的 人 为 的 例子 :) 
function firstValue(nums) { 
return nums[0]; 


} 


function lastValue(nums) { 
return firstValue( nums.reverse() ); 


} 

simpleList( lastValue ); 2 全 5 

lis ty WA OK 
simpleList( lastValue ); AS 


注意 : 不 管 reverse( ) 看 起 来 多 安全 (就 像 JS 中 的 其 他 数组 方法 一 样 ) ， 它 返回 一 个 反 向 
数组 ， 实 际 上 它 对 数组 进行 了 修改 ， 而 不 是 创建 一 个 新 的 数组 。 


我 们 需要 对 rememberNumbers(..) 下 一 个 更 斩钉截铁 的 定义 来 防止 fn(..) 改变 它 的 闭合 的 
nums 变量 的 引用 « 


function rememberNumbers(...nums) { 
return function caller(fn)1{ 
// 提交 一 个 副本 ! 
return fn( nums.slice() ); 


}; 


所 以 simpleList(..) 是 可 人 靠 的 纯 函 数 吗 1 ?不 。 :( 


我 们 只 防范 我 们 可 以 控制 的 副作用 (通过 引用 改变 ) 。 我 们 传递 的 任何 带 有 副作用 的 函数 ， 
都 将 会 污染 simpleList(..) 的 纯度 : 


simpleList( function impureIO(nums)t{ 
console.log( nums. Jength ); 


了 )， 


事实 上 2 没有 办 法 定义 rememberNumbers(..) 去 产 生 一 个 完美 纯粹 的 simpleList(..) 函数 。 


纯度 是 和 自信 是 有 关 的 。 但 我 们 不 得 不 承认 ， 在 很 多 情况 下 ， 我 们 所 感受 到 的 自信 实际 上 是 
与 我 们 程序 的 上 下 文 和 我 们 对 程序 了 解 有 关 的 。 在 实践 中 (在 JavaScript 中 ) ， 函 数 纯度 的 
问题 不 是 纯粹 的 纯粹 性 ， 而 是 关于 其 纯度 的 一 系列 信心 。 


越 纯洁 越 好 。 制 作 纯 函 数 时 越 努 力 ， 当 您 阅读 使 用 它 的 代码 时 ， 你 的 自信 就 会 越 高 ， 这 将 使 
代码 的 一 部 分 更 加 可 读 。 


有 或 者 无 


到 目前 为 止 ， 我 们 ee 作用 的 函数 ， 并 且 作 为 这 样 一 个 函数 ， 
给 定 相 同 的 输入 ， 总 是 产生 相同 的 输出 。 这 只 是 看 待 相同 特征 的 两 种 不 同方 式 。 


但 是 ， 第 三 种 看 待 函 数 纯 性 的 方法 ， 也 许 是 广 为 接 受 的 定义 ， 即 纯 函 数 具 有 引用 透明 性 


引用 透明 性 是 指 一 个 函数 调用 可 以 被 它 的 输出 值 所 代替 ， 0 不 会 改变 。 换 
名 话说， 不 可 能 从 程序 的 执行 中 分 辨 出 函数 调用 是 被 执行 的 ， 还 是 它 的 返回 值 是 在 函数 调用 
的 位 置 上 内 联 的 。 


从 引用 透明 的 角度 来 看 ， 这 两 个 程序 都 有 完全 相同 的 行为 国 为 它们 都 是 用 纯粹 的 函数 构建 
的 : 


function calculateAverage(list) { 
var sum = 0，; 
for (let 1 = 0; 1 < list.length;, 1++) { 
Sum += lJist[i]; 
} 


return sum / list.length; 
} 
Varnums = 1 2 4 7 LL 16. 22 


var avg = calculateAverage( nums ); 


console.log( "The average is:", avg ); /rhevaveraygen sa9 


function caleulateAverage(l1ist) { 
var Sum = 0，; 
for (let i = 0; i < list.length; i++) { 
Sum += lJist[i]; 
} 


return sum / list.length; 


} 
Var numSs® = lL 2 4 7 1 16. 22 
var avg = 9; 


consoles log(@ The raverage Ls avo) /The raverage 1is:9 


这 两 个 片段 之 间 的 唯一 区 别 在 于 ， 在 后 者 中 ， 我 们 跳 过 了 调用 calculateAverage(nums) 并 内 
联 。 因 为 程序 的 其 他 部 分 的 行为 是 相同 的 ，calculateAverage(..) 是 引用 透明 的 ， 因 此 是 一 
个 纯粹 的 函数 。 


思考 上 的 透明 
一 个 引用 透明 的 纯 函 数 可 能 会 被 它 的 输出 替代 ， 这 并 不 意味 着 它 应 该 被 蔡 换 。 远 非 如 此 。 


我 们 用 在 程序 中 使 用 函数 而 不 是 使 用 预先 计算 好 的 常量 的 原因 不 仅仅 是 应 对 变化 的 数据 ， 也 
是 和 可 读 性 和 适当 的 抽象 等 有 关 。 调 用 函数 去 计算 一 列 数字 的 平均 值 让 这 部 分 程序 比 只 是 使 
用 确定 的 值 更 具有 可 读 性 。 它 向 读者 讲述 了 avg 从 何 而 来 ， 它 意味 着 什么 ， 等 等 。 


我 们 趴 正 建议 使 用 引用 透明 是 当 你 阅读 程序 ， 一 旦 你 已 经 在 内 心计 算出 纯 函 数 调用 输出 的 是 
什么 的 时 候 ， 当 你 看 到 它 的 代码 的 时 候 不 需要 再 去 思考 确切 的 函数 调用 是 做 什么 ， 特 别 是 如 
果 它 出 现 很 多 次 。 


这 个 结果 有 一 点 像 你 在 心里 面 定义 一 个 const ， 当 你 阅读 的 时 候 ， 你 可 以 直接 跳 过 并 且 不 需 
要 花 更 多 的 精力 去 计算 。 


我 们 希望 纯 函 数 的 这 种 特性 的 重要 性 是 显而易见 的 。 我 们 正在 努力 使 我 们 的 程序 更 容易 读 
懂 。 我 们 能 做 的 一 种 方法 是 给 读者 较 少 的 工作 ， 通 过 提供 帮助 来 跳 过 不 必要 的 东西 ， 这 样 他 
们 就 可 以 把 注意 力 集中 在 重要 的 事情 上 。 


读者 不 需要 重新 计算 一 些 不 会 改变 (也 不 需要 改变 ) 的 结果 。 如 果 用 引用 透明 定义 一 个 纯 函 
数 ， 读 者 就 不 必 这 样 做 了 。 


不 够 透明 ? 


那么 如 果 一 个 有 副作用 的 函数 ， 并 且 这 个 副作用 在 程序 的 其 他 地 方 没 有 被 观察 到 或 者 依赖 会 
怎么 样 ? 这 个 功能 还 具有 引用 透明 性 吗 ? 


这 里 有 一 个 例子 : 


function calculateAverage(list) { 
sum = 0，; 
for (let i = 0; 1 < list.length; 1++) { 
Sum += lJist[i]; 
return sum / list.length; 


} 
var sum, nums = [1,2,4,7,11,16,22]; 


var avg = calculateAverage( nums ); 


sum 是 一 个 calculateAverage(..) 使 用 的 外 部 自由 变量 。 但 是 ， 每 次 我 们 使 用 相同 的 列表 
调用 calculateAverage(..) ， 我 们 将 得 到 9 作为 输 出 。 并 且 这 个 程序 无 法 和 使 用 参数 9 
调用 calculateAverage (nums) 在 行为 上 区 分 开 来 。 程 序 的 其 他 部 分 和 sum 变量 有 关 ， 所 以 
这 是 一 个 不 可 观察 的 副作用 。 这 是 一 个 像 这 棵 树 一 样 不 能 观察 到 的 副作用 吗 ? 


假如 一 棵 树 在 森林 里 倒 下 而 没有 人 在 附近 听见 ， 它 有 没有 发 出 声音 ? 


通过 引用 透明 的 狭义 的 定义 ， 我 起 你 一 定 会 说 ERICUUSESAVSFagS0 | 仍然 是 一 个 纯 函 数 。 但 
是 ， 因 为 在 我 们 的 学 习 中 不 仅仅 是 学 习 学 术 ， 而 且 与 实用 主义 相 平衡 ， 我 认为 这 个 结论 需要 
更 多 的 观点 。 让 我 们 探索 一 下 。 


性 能 影响 
你 经 常会 发 现 这 些 不 易 观察 的 副作用 被 用 于 性 能 优化 的 操作 。 例 如 


var cache = []; 


function dp (tn) \ 





// 凡 缓存 中 返回 

if (cache[n] !== undefined) { 
return cache[n]; 

} 


VAD Xe = = 

om (Lete I 7 < MN If 
= 
y += i % 3; 

cache[n] = (x * y)/ (n+ 1); 


return cache[n]; 


} 

specialNumber( 6 ); Dd| 
specialNumber( 42 ); A 22 
specialNumber( 1E6 ); // 500001 
specialNumber( 987654321 ); // 493827162 


这 个 思 奢 的 specialNumber(..) 算法 是 确定 性 的 ， 并 且 ， 纯 函数 从 定义 来 说 ， 它 总 是 为 相同 
的 输入 提供 相同 的 输出 。 从 引 用 透明 的 角度 来 看 一 一 用 22 替换 对 SpecialNumber(42) 的 
任何 调用 ， 程 序 的 最 终结 果 是 相同 的 。 


但 是 ， 这 个 函数 必须 做 一 些 工作 来 计算 一 些 较 大 的 数字 ， 特 别 是 输入 像 987654321 这 样 的 数 
字 。 如 果 我 们 需要 在 我 们 的 程序 中 多 次 获得 特定 的 特殊 号 码 ， 那 么 结果 的 缓存 意味 着 后 续 的 
调用 效率 会 更 高 。 

注意 : 思考 一 个 有 趣 的 事情 : CPU 在 执行 任何 给 定 操作 时 产生 的 热量 ， 即 使 是 最 纯粹 的 函数 
/程序 ， 也 是 不 可 避免 的 副作用 吗 ? 那么 CPU 的 时 间 延 迟 ， 因 为 它 花 时 间 在 一 个 纯 操作 上 ， 
然后 再 执行 另 一 个 操作 ， 是 否 也 算 作 副作用 ? 


不 要 这 么 快 地 做 出 假设 ， 你 仅仅 运行 3 (987654321) ”计算 一 次 ， 并 手动 将 该 结果 
粘贴 到 一 些 变量 / 常量 中 。 程 序 通 常 是 高 度 模 块 化 的 并 且 全 局 可 访问 的 作用 域 并 不 是 通常 你 想 
要 在 这 些 独立 部 分 之 间 分 享 ee 。 让 specialNumber (..) 使 用 自己 的 缓存 (即使 它 恰 
好 是 使 用 一 个 全 局 变量 来 实现 这 一 点 ) 是 对 状态 共享 更 好 的 抽象 。 


关键 是 ， 如 果 te ) 只 是 程序 访 问 和 更 新 cache 副 作用 的 唯一 部 分 ， 那 么 引用 
透明 的 观点 显然 可 以 适用 ， 这 可 以 被 看 作 是 可 以 接受 的 实际 的 “ 坎 骗 "的 纯 函 数 思 想 。 


但 是 真 的 应 该 这 样 吗 ? 


典型 的 ， 这 种 性 能 优 0 作用 是 通过 隐藏 缓存 结果 产生 的 ， a 
全 交 尼 于 分 所 观察 到 。 过 程 被 称 为 记忆 化 。 我 一 直 称 这 个 词 是 “记忆 化 ”， 我 不 知道 
We 个 概念 。 


思考 一 下 : 


var SpecialNumber = (function memoization(){ 
var cache = []; 


return function specialNumber(n){ 





if (cache[n] !== ed 人 
return cache[n]; 


} 
MaleX3 = Y=; 


om let .<n 
X= 
y += i % 3; 

} 


cache[n] = (x * y)/ (n+ 1); 
return cache[n]; 


上 
})(); 


我 们 已 经 过 制 memoization() 内 部 specialNumber(..) lIFE 范围 内 的 cache 的 副作用 ， 所 
以 现在 我 们 确定 程序 任何 的 部 分 都 不 能 观察 到 它们 ， 而 不 仅仅 是 不 观察 它们 。 


一 句 话 似乎 是 一 个 的 微妙 观点 ， 但 实际 上 我 认为 这 可 能 是 整 章 中 最 重要 的 一 点 。 再 读 一 
遍 。 
回 到 这 个 哲学 理论 : 


段 如 一 棵 树 在 森林 里 倒 下 而 没有 人 在 附近 听见 ， 它 有 没有 发 出 声音 ? 


通过 这 个 上 暗喻， 我 所 得 到 的 是 : 无 论 是 否 产 生 声音 ， 如果 我 们 从 不 创造 一 个 当 树 落下 时 周围 
没有 人 的 情景 会 更 好 一 些 。 当 树 落下 时 ， 我 们 总 是 会 听 到 声音 。 


减少 副作用 的 目的 并 不 是 他 们 在 程序 中 不 能 被 观察 到 ， 而 是 设计 一 个 程序 ， 让 副作用 尽 可 能 
少 ， 因 为 这 使 代码 更 容易 理解 。 一 个 没有 观察 到 的 发 生 的 副作用 的 程序 在 这 个 目标 上 并 不 
像 一 个 不 能 观察 它们 的 程序 那么 有 效 。 


如 果 副 作用 可 能 发 生 ， 作 者 和 读者 必须 尽量 应 对 它们 。 使 它们 不 发 生 ， 作 者 和 读者 都 要 对 任 
何 可 能 或 不 可 能 发 生 的 事情 更 有 自信 


O 


纯化 


如 果 你 有 不 纯 的 函数 ， 且 你 无 法 将 其 重 构 为 纯 函 数 ， 此 时 你 能 做 些 什么 ? 


您 需要 确定 该 函数 有 什么 样 的 副作用 。 副 作用 来 自 不 同 的 地 方 ， 可 能 是 由 于 词法 自由 交 量 、 
引用 变化 ， 甚至 是 this 的 绑 定 。 我 们 将 研究 解决 这 些 情况 的 方法 。 


封闭 的 影响 


如 果 副 作用 的 本 质 是 使 用 词法 自由 变量 ， 并 且 您 可 以 选择 修改 周围 的 代码 ， 那 么 您 可 以 使 用 
作用 域 来 封装 它们 。 


回忆 一 下 : 


var Users = {}; 


function fetchUserData(userId) { 
ajax( "http://some.api/user/" + userId, function onUserData(userData)t{ 
users[userId] = userData; 


了 人 


纯化 此 代码 的 一 个 方法 是 在 变量 和 不 纯 的 函数 周围 创建 一 个 容器 。 本 质 上 ， 容 器 必须 接收 所 
有 的 输入 。 


function safer_fetchUserData(userId,users) { 
// 简单 的 、 原 生 的 ES6 + 浅 拷贝 ， 也 可 以 

// 用 不 同 的 库 5 

users = Object.assign( {}, users ); 





框架 
fetchUserData( UserId ); 


return users, 


A 淡淡 火炎 类 类 火炎 火炎 大火 火炎 类 类 炎炎 天 类 火炎 类 


// 原始 的 没 被 改变 的 纯 函 数 : 


Functron fetecnUserData(user Id) 
ajax( "http://some.api/user/" + userId, function onUserData(userData){ 
users[userId] = userData; 


0 


userId 和 users 都 是 原始 的 的 fetchUserData 的 输入 ” users 也 是 输 

出 。 safer_fetchUserpata(..) 取出 他 们 的 输入 ， 并 返回 users 。 为 了 确保 在 users 被 改变 
时 我 们 不 会 在 外 部 创建 副作用 ， 我 们 制作 一 个 users 本 地 副本 。 

这 种 技术 的 有 效 性 有 限 ， 主 要 是 因为 如 果 你 不 能 将 函数 本 身 改 为 纯 的 ， 你 也 几乎 不 可 能 修改 
其 周围 的 代码 。 然 而 ， 如 果 可 能 ， 探 索 它 是 有 帮助 的 ， 因 为 它 是 所 有 修复 方法 中 最 简单 的 。 


无 论 这 是 否 是 重 构 纯 函 数 的 一 个 实际 方法 ， 最 重要 的 是 函数 的 纯度 仅仅 需要 深入 到 皮肤 。 也 
就 是 说 ， 子 数 的 纯度 是 从 外 部 判断 的 ， 不 管内 部 是 什么 。 只 要 一 个 函数 的 使 用 表现 为 纯 的 ， 
它 就 是 纯 的 。 在 纯 函 数 的 内 部 ， 由 于 各 种 原因 ， 包 括 最 常见 的 性 能 方面 ， 可 以 适度 的 使 用 不 
纯 的 技术 。 正 如 他 们 所 说 的 “世界 是 一 只 驮 着 一 只 一 直 驮 下 去 的 乌龟 群 "。 


不 过 要 小 心 。 程 序 的 任何 部 分 都 是 不 纯 的 ， 即 使 它 仅 仅 是 用 纯 函 数 包 庄 的 ， 也 是 代码 错误 和 
困惑 读者 的 潜在 的 根源 。 总 体 目标 是 尽 可 能 减少 副作用 ， 而 不 仅仅 是 隐藏 它们 。 


很 多 时 候 ， 你 无 法 在 容器 函数 的 内 部 为 了 封装 词法 自由 变量 来 修改 代码 。 例 如 ， 不 纯 的 函数 
可 能 位 于 一 个 你 无 法 控制 的 第 三 方 库 文件 中 ， 其 中 包括 : 


var nums = []; 


var smallCount QO; 


Var largeCount = 0; 
function generateMoreRandoms(count) £ 
for (let 1 = 0; 1 < Count 1++) { 


let num = Math.random( ); 


if (num >= 0.5) { 


largeCount++; 
} 
else 
smallCount++; 
} 


nums.push( num ); 


变 力 的 策略 是 ， 在 我 们 程序 的 其 余部 分 使 用 此 通用 程序 时 隔离 副作用 的 方法 时 创建 一 个 接口 
函数 ， 执 行 以 下 步骤 : 


捕获 受 影 响 的 当前 状态 
设置 初始 输入 状态 
运行 不 纯 的 函数 
捕获 副作用 状态 
恢复 原来 的 状态 

返回 捕获 的 副作用 状态 


DOAwnND 一 


function safer_generateMoreRandoms(count,initial) { 
// (1) 保存 原始 状态 
var orig = { 
nums, 
smallCount, 
largeCount 


}; 


// (2) 设置 和 
nums = initial.nums.slice(); 





smallCount = initial.smallCount,; 
JargeCount = initial.largeCount; 


77 (3) 当心 杂质 中 
generateMoreRandoms( count ); 


// (4) 捕获 副作用 状态 
var sides = { 

nums, 

smallCount, 

largeCount 


小 / 


+ 


(本 ee 存储 原始 状态 
nums = orig.nums,; 
smallCount = orig.smallCount; 
JargeCount = orig.largeCount; 





ZA (OE 
return sides; 


副作用 状态 


并 且 使 用 safer_generateMoreRandoms(..) 


var InitialStates = { 
numsemio3S O40"5] 
smallCount: 2, 
JargeCount: 1 


}; 


safer_generateMoreRandoms( 5, initialSstates ); 
// { nums: [0.3,0.4,0.5,0.8510024448959794,0.04206799238... 


nums; A | 
smallCount; 全 
largeCount; 0) 


这 需要 大 量 的 手动 操作 来 避免 一 些 副作用 ， 如 果 我 们 一 开始 就 没有 它们 ， 那 就 容易 多 了 。 但 
如 果 我 们 别 无 选择 ， 那 么 这 种 额外 的 努力 是 值得 的 ， 以 避免 我 们 的 项 目 出 现 意外 。 


注意 : 这 种 技术 只 有 在 处 理 同 步 代 码 时 才 有 用 。 腊 步 代码 不 能 可 靠 地 使 用 这 种 方法 被 管理 ， 
因为 如 果 程 序 的 其 他 部 分 在 期 间 也 在 访问 /修改 状态 变量 ， 它 就 无 法 防止 意外 。 


吉 最 响 


当 要 处 理 的 副作用 的 本 质 是 直接 输入 值 (对 象 、 数 组 等 ) 的 突变 时 ， 我 们 可 以 再 次 创建 一 个 
接口 函数 来 替代 原始 的 不 纯 的 函数 去 交互 。 


考虑 一 下 : 


function handleInactiveUsers(userList,dateCutoff) { 
for (let i = 0; i < userList.Jlength; i++) { 
If (userList[i].lastLogin == null) { 
// 将 user 从 1ist 中 删除 

userList.splice( i, 1 ); 
是 

} 

else if (userList[i]l. lastLogin < dateCutoff) { 
userList[il].inactive = true; 


userList 数组 本 身 ， 加 上 其 中 的 对 和 象 ， 都 发 生 了 改变 。 防 御 这 些 副 作用 的 一 种 策略 是 先 做 一 
个 深 找 贝 〈 不 是 浅 找 贝 ) 


function safer_handleInactiveUsers(userList,dateCutoff) { 
// 拷贝 列表 和 其 中 “User ”的 对 象 
let copiedUserList = UserList,map( function mapper(user ){ 


// 拷贝 User 对 象 
return Object.assign( {}, user ); 
} ); 
// 使 用 找 贝 过 的 对 象 调用 最 初 的 函数 


handleInactiveUsers( copiedUserList, dateCutoff ); 


// 将 突变 的 List 作为 直接 的 输出 暴露 出 来 
return copiedUserList; 


这 个 技术 的 成 功 将 取决 于 你 所 做 的 复制 的 深度 。 使 用 userList.slice() 在 这 里 不 起 作用 ， 
为 这 只 会 创建 一 个 userList 数组 本 身 的 浅 拷贝 。 数 组 的 每 个 元 素 都 是 一 个 需要 复制 的 对 
象 ， 所 以 我 们 需要 格外 小 心 。 当 然 ， 如 果 这 些 对 象 在 它们 之 内 有 对 象 (可 能 会 这 样 ) ， 则 复 
制 需 要 更 加 完善 。 


再 看 一 下 _ this 


另 一 个 参数 变化 的 副作用 是 和 this 有 关 的 ， 我 们 应 该 意识 到 this 是 函数 隐 式 的 输入 。 查 
看 第 2 章 中 的 "什么 是 This” 获 取 更 多 的 信息 ， 为 什么 this 关键 字 对 函数 式 编程 者 是 不 确定 


var ids = { 
prefix: "_" 


generate() { 
return this.prefix + Math.random(); 


} 


我 们 的 策略 类 似 于 上 一 节 的 讨论 : 创建 一 个 接口 函数 ， 强 制 generate() 函数 使 用 可 预测 的 
this 上 下 文 : 


tunction safer>generate(context) { 
return ids.generate.call( context ); 


} 


PA 类 类 炎炎 炎炎 火炎 火炎 类 类 火炎 大火 火炎 类 火炎 
safer_generate( { prefix: "foo" } ); 


/7 fo000N8988802158307285> 


这 些 策略 绝对 不 是 思春 的 ， 对 副作用 的 最 安全 的 保护 是 不 要 产生 它们 。 但 是 ， 如 果 您 想 提高 
程序 的 可 读 性 和 你 对 程序 的 自信 ， 无 论 在 什么 情况 下 尽 可 能 减少 副作用 / 效果 是 巨大 的 进步 。 


木质 上 ， 我 们 并 没有 里 正 消除 副作用 ， 而 是 克制 和 限制 它们 ， 以 便 我 们 的 代码 更 加 的 可 验证 
和 可 靠 。 如 果 我 们 后 来 遇 到 程序 错误 ， 我 们 就 知道 代码 仍然 产生 副作用 的 部 分 最 有 可 能 是 罪 
锤 祸首 。 


总 结 


CQ: 


副作用 对 代码 的 可 读 性 和 质量 都 有 害 ， 因 为 它们 使 您 的 代码 难以 理解 。 副 作用 也 是 程序 中 最 
常见 的 错误 原因 之 一 ， 因 为 很 难 应 对 他 们 。 需 等 是 通过 本 质 上 创建 仅 有 一 次 的 操作 来 限制 副 
作用 的 一 种 策略 。 


避免 副作用 的 最 优 方法 是 使 用 纯 函 数 。 纯 函数 给 定 相 同 输 入 时 总 返回 相同 输出 ， 并 且 没 有 副 
作用 。 引 用 透明 更 近 一 步 的 状态 是 一 一 更 多 的 是 一 种 脑力 运动 而 不 是 文字 行为 一 一 纯 函 数 
的 调用 是 可 以 用 它 的 输出 来 代替 ， 并 且 程 序 的 行为 不 会 被 改变 。 


将 一 个 不 纯 的 函数 重 构 为 纯 函 数 是 首选 。 但 是 ， 如 果 无 法 重 构 ， 尝 试 封装 副作用 ， 或 者 创建 
一 个 纯粹 的 接口 来 解决 问题 。 


没有 程序 可 以 完全 没有 副作用 。 但 是 在 实际 情况 中 的 很 多 地 方 更 喜欢 纯 函 数 。 尽 可 能 地 收集 
纯 壕 数 的 副作用 ， 这 样 当 错误 发 生 时 更 加 容易 识别 和 审查 出 最 像 有 罪魁 祺 首 的 错误 。 


JavaScript 轻 量 级 函数 式 编程 


第 6 章 : 值 的 不 可 变性 


在 第 5 章 中 ， 我 们 探讨 了 减少 副作用 的 重要 性 : 副作用 是 引起 程序 意外 状态 改变 的 原因 ， 同 
时 也 可 能 会 带 来 意 想不到 的 惊喜 (bugs) 。 这 样 的 暗 雷 在 程序 中 出 现 的 越 少 ， 开 发 者 对 程序 
的 信心 无 疑 就 会 越 强 ， 同 时 代码 的 可 读 性 也 会 越 高 。 本 章 的 主题 ， 将 继续 朝 减少 程序 副作用 
的 方向 努力 。 


如 果 编 程 风 格 


备 等 性 是 指定 义 一 个 数据 变更 操作 以 便 只 影响 一 次 程序 状态 ， 那 么 现在 我 们 将 
注意 力 转向 将 这 个 
探 


个 影响 次 数 从 1 降 为 0。 
现在 我 们 开始 探索 值 的 不 可 变性 ， 即 只 在 我 们 的 程序 中 使 用 不 可 被 改变 的 数据 。 


原始 值 的 不 可 变性 


原始 数据 类 型 ( number 、 string 、 boolean 、 null 和 undefined ) 本 身 就 是 不 可 变 的 ; 
无 论 如 何 你 都 没 办 法 改变 它们 。 


然而 JS 确实 有 一 个 特性 ， 使 得 看 起 来 允许 我 们 改变 原始 数据 类 型 的 值 , 即 “boxing” 特 性 。 当 你 
访 问 原始 类 型 数据 时 一 一 特别 是 number 、 string 和 boolean 在 这 种 情况 下 ， JS 会 
自动 的 把 它们 包 庄 (或 者 说 “包装 ") 成 这 个 值 对 应 的 对 象 〈 分 别 是 Number 、 String 以 及 


Boolean ) & 





思考 下 面 的 代码 : 


var x = 2; 
x.length = 4; 
2 2 


x.length; // undefined 


数值 本 身 并 没有 可 用 的 length 属性 ， 因 此 x.length = 4 这 个 赋值 操作 正 试 图 添加 一 个 新 
的 属性 ， 不 过 它 静 默 地 失败 了 (也 可 以 说 是 这 个 操作 被 忽略 了 或 被 抛弃 了 ， 这 取决 于 你 怎么 
看 ) ;变量 x 继续 承载 那个 简单 的 原始 类 型 数据 一 一 数值 2 。 


但 是 JS 允许 x.length = 4 这 条 语 名 正常 执行 的 事实 着 实 令 人 困惑 。 如 果 这 种 现象 真 的 无 缘 
无 故 出 现 ， 那 么 代码 的 阅读 者 无 疑 会 摸 不 着 头脑 。 好 消息 是 ， 如 果 你 使 用 了 严格 模式 ( "use 
strict";，) ， 那 么 这 条 语句 就 会 抛 出 异常 了 。 


那么 如 果 尝试 改变 那些 明确 被 包装 成 对 象 的 值 呢 ? 


var x = new Number( 2 ); 
// 疫 问 题 
x.length = 4; 
这 段 代 码 中 的 x 保存 了 一 个 对 象 的 引用 ， 因 此 可 以 正常 地 添加 或 修改 自 定义 属性 。 
像 number 这 样 的 原始 数 型 ， 值 的 不 可 变性 看 起 来 相当 明显 ， 但 字符 串 呢 ? JS 开发 者 有 个 共 
同 的 误解 字符 串 和 数组 很 像 ， 所 以 应 该 是 可 变 的 。JS 使 用 [] 访问 字符 串 成 员 的 语法 
甚至 还 暗示 字符 串 首 的 就 像 数 组 。 不 过 ， 字 符 串 的 确 是 不 可 变 的 : 
var s = "hello"; 
s[1]; ET 


s[1] = VE 
s.length = 10; 


Sp EL 


尽管 可 以 使 用 s[1] 来 像 访问 数组 元 素 一 样 访问 字符 串 成 员 ，JS 字符 串 也 并 不 是 攻 的 数 
组 。 s[1] = "E" 和 s.length = 16 这 两 个 赋值 操作 都 是 失败 的 ， 就 像 刚 刚 的 x.1length = 4 
一 样 。 在 严格 模式 下 ， 这 些 赋 值 都 会 抛 出 异常 ， 因 为 1 和 length 这 两 个 属性 在 原始 数据 
类 型 字符 串 中 都 是 只 读 的 。 

有 趣 的 是 ， 即 便 是 包装 后 的 string 对 象 ， 其 值 也 会 (在 大 部 分 情况 下 ) 表现 的 和 非 包 装 字 
符 串 一 样 一 在 严格 模式 下 如 果 改 变 已 存在 的 属性 ， 就 会 抛 出 异常 : 


"use strict"; 


Var Ss = new String( "hello™” ); 


SIM = ED /error 
s.length = 10; eno 
s[42] = "?"; // OK 


5 ES 


从 和 值 到 值 


我 们 将 在 本 节 详 细 展 开 从 值 到 值 这 个 概念 。 但 在 开始 之 前 应 该 心中 有 数 : 值 的 不 可 变性 并 不 
ee 。 如 果 一 个 程序 的 内 部 状 ee 变 ， 
是 指 变量 不 能 承载 不 同 的 值 。 这 些 都 是 对 值 的 不 可 变 
这 个 概念 的 误解 。 


值 的 不 可 变性 是 指 当 需 要 改变 程序 中 的 状态 时 ， 我 们 不 能 改变 已 存在 的 数据 ， 而 是 必须 创建 
和 跟踪 一 个 新 的 数据 。 


例如 : 


function addValue(arr) { 
var newArr = [ ...arr, 4 ]; 
return newArr ; 


} 


addVvalue( [1,2,3] ); He ly] 


注意 我 们 没有 改变 数组 arr 的 引用 ， 而 是 创建 了 一 个 新 的 数组 ( newArr ) ， 这 个 新 数组 包 
含 数组 arr 中 已 存在 的 值 ， 并 且 新 增 了 一 个 新 值 4 。 


使 用 我 们 在 第 5 章 讨论 的 副作用 的 相关 概念 来 分 析 addvalue(..) 。 它 是 纯 的 吗 ? 它 是 否 具有 
引用 透明 性 ?给 定 相 同 的 数组 作为 输入 ， 它 会 永远 返回 相同 的 输出 吗 ? 它 无 副作用 吗 ? 答案 


是 肯定 的 。 


设想 这 个 数组 [1，2，3] ， 它 是 由 先前 的 操作 产生 ， 并 被 我 们 保存 在 一 个 变量 中 ， 它 代表 着 程 
序 当 前 的 状态 。 我 们 想 要 计算 出 程序 的 下 一 个 状态 ， 因 此 调用 了 addvalue(..) 。 但 是 我 们 希 
望 下 一 个 状态 计算 的 行为 是 直接 的 和 明确 的 ， 所 以 addvalue(..) 操作 简单 的 接收 一 个 直接 输 
入 ， 返 回 一 个 直接 输出 ， 并 通过 不 改变 arr 引用 的 原始 数组 来 避免 副作用 。 


这 就 ed [1，2，3，4] ， 也 可 以 掌控 程序 的 状态 变换 。 程 序 不 会 
ee 早 的 过 渡 到 这 个 状态 或 完全 转变 到 另 一 个 状态 (如 [1，2，3，5] ) 这 样 的 意外 情况 。 
通过 规范 我 们 的 值 并 把 它 视 为 i 的 ， 我 们 大 幅 减 少 了 程序 错误 ， 使 我 们 的 程序 更 易于 阅 
读 和 推导 ， 最 终 使 程序 更 加 可 信 闲 。 

arr 所 引用 的 数组 是 可 变 的 ， 只 是 我 们 选择 不 去 改变 他 ， 我 们 实践 了 值 不 可 变 的 这 一 精神 。 


同样 的 ， 可 以 将 "以 找 贝 代替 改变 "这 样 的 策略 应 用 于 对 象 ， 思 考 下 面 的 代码 : 


function updateLastLogin(user) { 
var newUserRecord = Object.assign( {}, user ); 
newUserRecord. JastLogin = Date.now(); 
return newUserRecord; 


} 


var user = { 
CA 
}; 


user = updateLastLogin( user ); 


消除 本 地 影响 
下 面 的 代码 能 够 体现 不 可 变性 的 重要 性 : 
Va a .= | 2 
foo( arr ); 
console.log( arr[0] ); 
从 表面 上 讲 ， 你 可 能 认为 arr[e] 的 值 仍然 为 1 。 但 事实 是 否 如 此 不 得 而 知 ， 因 为 
foo(..) 可 能 会 改变 你 传 入 其 中 的 arr 所 引用 的 数组 。 
在 之 前 的 章节 中 ， 我 们 已 经 见 到 过 用 下 面 这 种 带 有 欺骗 性 质 的 方法 来 避免 意外 : 
var arr = [1,2,3]; 
foo( arr.slice() ); // 哈 ! 一 个 数组 副本 ! 
console.1log( arr[9] ); A | 
当然 ， 使 得 这 个 断言 成 立 的 前 提 是 foo 函数 不 会 忽略 我 们 传 入 的 参数 而 直接 通过 相同 的 
arr 这 个 自由 变量 词法 引用 来 访问 源 数 组 。 


对 于 防止 数据 变化 负面 影响 ， 稍 后 我 们 会 讨论 另 一 种 策略 。 


重新 赋值 


在 进入 下 一 个 段落 之 前 先 思考 一 个 问题 





你 如 何 描述 "常量 "? 


你 可 能 会 脱口 而 出 “一 个 不 能 改变 的 值 就 是 常量 "，“ 一 个 不 能 被 改变 的 变量 "等 等 。 0 
能 说 接近 正确 答案 ， 但 却 并 不 是 正确 答案 。 对 于 常量 ， 我 们 可 以 给 出 一 个 简洁 的 定 
个 无 法 进行 重新 赋值 (reassignment) 的 变量 。 


人 刚 在 “常量 "概念 上 的 吹 毛 求 疫 其 | ， 因 为 它 澄清 We o 
无 论 常量 承载 何 值 ， 该 变量 都 不 能 使 用 其 他 的 值 被 进行 重新 赋值 。 es 直 的 本 质 无 关 。 
思考 下 面 的 代码 : 


Var x 2 


我 们 刚刚 讨论 过 ， 数 据 2 是 一 个 不 可 变 的 原始 值 。 如 果 将 上 面 的 代码 改 为 : 


CONSE X= 


const 关键 字 的 出 现 ， 作为 “常量 量 声 声明 "被 大 家 熟知 ? 事实 上 根本 没有 改变 2 的 本 质 ， 因为 
它 本 身 就 已 经 不 可 改变 了 。 


下 面 这 行 代码 会 抛 出 错误 ， 这 无 可 厚 非 : 


我 们 并 不 是 要 改变 这 个 数据 ， 而 是 要 对 变量 x 进行 重新 赋值 。 数 据 被 卷 进 来 纯 


为 了 证 明 const 和 值 的 本 质 无 关 ， 思 考 下 面 的 代码 : 


const x= [2 |]; 


这 个 数组 是 一 个 常量 吗 ? 并 不 是 。 x 是 一 个 常量 ， 因 为 它 无 法 被 重新 赋值 。 但 下 面 的 操作 是 
完全 可 行 的 : 


x[0] = 3; 


为 何 ? 因为 尽管 x 是 一 个 常量 ， 数 组 却 是 可 变 的 。 


关于 const 关键 字 和 "常量 "只 涉及 赋值 而 不 涉及 数据 语义 的 特性 是 个 又 臭 又 长 的 故事 。 几 乎 
we 高 级 开发 者 都 踩 const 地 雷 。 事 实 上 ，Java 最 终 不 赞成 使 用 const 并 引入 了 一 
全 新 的 关键 词 final 来 区 分 “常量 "这 个 语义 。 


抛 开 混 乱 之 后 开始 思考 ， 如 果 const 并 不 能 创建 一 个 不 可 变 的 值 ， 那 么 它 对 于 函数 式 编程 者 
来 说 又 还 有 什么 重要 的 呢 ? 


总 
八 -> 


const 关键 字 可 以 用 来 告知 阅读 你 代码 WA 变量 不 会 被 重新 赋值 。 作 为 一 个 表达 意图 的 
标识 ， const 被 加 入 JavaScript 不 仅 常 常 受到 称赞 ， 也 普遍 提高 了 代码 可 读 性 。 


在 我 看 来 ， 这 是 夸大 其 词 ， 这 些 说 法 并 没有 太 大 的 实际 意义 。 我 只 看 到 了 使 用 这 种 方法 来 表 
明 意 图 的 微薄 好 处 。 如 果 使 用 这 种 方法 来 声明 值 的 不 可 变性 ， 与 已 使 用 几 十 年 的 传统 方式 相 
比 ， const 简直 太 弱 了 。 


为 了 证 明 我 的 说 法 ， 让 我 们 来 做 一 个 实践 。 const 创建 了 一 个 在 块 级 作用 域内 的 变量 ， 这 意 
味 着 该 变量 只 能 在 其 所 在 的 代码 块 中 被 访问 : 


// 大 量 代码 


const x = 2; 


// 少数 几 行 代码 


通常 来 说 ， 代 码 块 的 最 佳 实践 是 用 于 仅 包 庄 少 数 几 行 代码 的 场景 。 如 果 你 有 一 个 包含 了 超过 
10 行 的 代码 块 ， 那 么 大 多 数 开 发 者 会 建议 你 重 构 这 一 段 代码 。 因 此 const x = 2 只 作用 于 下 
面 的 9 行 代码 。 


程序 的 其 他 部 分 不 会 影响 x 的 赋值 。 


我 要 说 的 是 : 上 述 程序 的 可 读 性 与 下 面 这 样 基本 相同 : 


// 大 量 代码 


ee let x = 2 ;之 后 的 几 行 代 码 ， ee X 这 个 变量 是 否 被 重新 赋值 
。 对 我 来 说 ， “实际 上 不 进行 重新 赋值? 相对 “使 用 容易 迷惑 人 的 const 关键 字 告诉 读者 ' 不 
a ' 是 一 个 更 明确 的 信号 。 


此 外 ， 让 我 们 思考 一 下 ， 年 看 这 段 代 码 起 来 可 能 给 读者 传达 什么 : 


const magicNums = [1,2,3,4]; 


Vp 
读者 可 能 会 (错误 地 ) 认为 ， 这 里 使 用 const 的 用 意 是 你 永远 不 会 修 


的 推断 对 我 来 说 合情合理 。 想 象 一 下 ， 如 果 你 的 确 允 许 magicNums 这 人 se 用 的 数组 被 
修改 2 那么 这 个 Const 关键 词 就 极 具 混淆 性 了 一 一 一 的 很 确 容 易 发 生意 外 3 不 是 吗 2 





更 糟糕 的 是 ， 如 果 你 在 菜 处 故意 修改 了 magicNums ， 但 对 读者 而 言 不 够 明显 呢 ? 读者 会 在 后 
面 的 代码 里 (再 次 错误 地 ) 认为 magicNums 的 值 仍然 是 [1，2，3，4] 。 因 为 他 们 猜测 你 之 
前 使 用 const 的 目的 就 是 “这 个 变量 不 会 改变 ”。 


我 认为 你 应 该 使 用 var 或 let 来 声明 那些 你 会 去 改变 的 变量 ， 它 们 确实 相 比 const 来 说 
是 一 个 更 明确 的 信号 。 


const 所 带 来 的 问题 还 没 讲 完 。 还 记得 我 们 在 本 章 开 头 所 说 的 吗 ? 值 的 不 可 变性 是 指 当 需要 
改变 某 个 数据 时 ， 我 们 不 应 该 直接 改变 它 ， es A 那么 当 新 数组 创 
建 出 来 后 ， 你 会 怎么 处 理 它 ?如果 你 使 用 const 量 来 保存 引用 吗 ， 这 个 变量 的 确 没 法 
被 重新 赋值 了 ， 那 么 ...... 然 后 呢 ? 


从 这 方面 来 讲 ， 我 认为 const 反而 增加 了 函数 式 编程 的 困难 度 。 我 的 结论 是 : const 并 不 
是 那么 有 用 。 它 不 仅 造 成 了 不 必要 的 混乱 ， 也 以 一 种 很 不 方便 的 形式 限制 了 我 们 。 我 只 用 
const 来 声明 简 单 的 常量 ， 例如: 


const Pl = 3 141592., 


3.141592 这 个 值 本 身 就 已 经 是 不 可 变 的 ， 并 且 我 也 清楚 地 表示 说 " pI 标识 符 将 始终 被 用 于 
代表 这 个 字面 量 的 占 位 符 "”。 对 我 来 说 ， 这 才 是 const 所 擅长 的 。 坦 白 讲 ， 我 在 编码 时 并 不 
会 使 用 很 多 这 样 的 声明 。 


我 写 过 很 多 ， 也 阅读 过 很 多 JavaScript 代码 ， 我 认为 由 于 重新 赋值 导致 大 量 的 bug 这 只 是 个 
想象 中 的 问题 ， 实 际 并 不 存在 。 


| 


我 们 应 该 担心 的 ， 并 不 是 变量 是 否 被 重新 赋值 ， 而 是 值 是 否 会 发 生 改 变 。 为 什么 ? 因为 值 是 
可 被 携带 的 ， 但 词法 赋值 并 不 是 。 你 可 以 向 函数 中 传 入 一 个 数组 ， al EE 会 在 你 没 意 
识 到 的 情况 下 被 改变 。 但 是 你 的 其 他 代码 在 预期 之 外 重新 给 变量 赋值 ， 这 是 不 可 能 发 生 的 。 


冻结 


这 是 一 种 简单 廉价 的 ( 掀 强 ) 将 像 对 象 、 数 组 、 函 数 这 样 的 可 变 的 数据 转 为 “不 可 变数 据 "的 方 
式 : 


var x = Object.freeze( [2] ); 


object.freeze(..) 方法 遍历 对 象 或 数组 的 每 个 属性 和 索引 ， 将 它们 设置 为 只 读 以 使 之 不 会 被 
重新 赋值 ， 事实 上 这 和 使 用 const 声明 属性 相差 无 几 。 object.freeze(..) 也 会 将 属性 标记 
为 “不 可 配置 (non-reconfigurable) ”， 并 且 使 对 象 或 数组 本 身 不 可 扩展 〈( 即 不 会 被 添加 新 属 
性 ) 。 实 际 上 ， 而 就 可 以 将 对 象 的 顶层 设 为 不 可 变 。 


注意 ， 仅 仅 是 顶层 不 可 变 | 


Van x = Object freeze( [ 2, 3, [4, S| |] )5 


// 不 允许 改变 : 
x[0] = 42; 


// 00ps， 仍 然 允 许 改 变 


x[2][9] = 42; 


Object.freeze(..) 提供 浅 层 的 、 初 级 的 不 可 变性 约束 。 如 果 你 希望 更 深层 的 不 可 变 约 束 ， 那 
么 你 就 得 手动 遍历 整个 对 象 或 数组 结构 来 为 所 有 后 代 成 员 应 用 object.freeze(..) 。 


与 const 相反 ， Object .freeze(..) 并 不 会 误导 你 ， 让 你 得 到 一 个 “你 以 为 ?不 可 变 的 值 ， 而 
是 歇 趴 确 确 给 了 你 一 个 不 可 变 的 值 。 


回顾 刚刚 的 例子 


Vararr Object. treeze( ll 2 3 ); 
foo( arr ); 


console.1log( arr[0] ); /AI 


可 以 非常 确定 arr[69] 就 是 1。 


这 是 非常 重要 的 ， 因 为 这 可 以 使 我 们 更 容易 的 理解 代码 ， 当 我 们 将 值 传 递 到 我 们 看 不 到 或 者 
不 能 控制 的 地 方 ， 我 们 依然 能 够 相信 这 个 值 不 会 改变 。 


入 
性 能 
AAS 
问题 就 是 : 这 对 性 能 有 什么 影响 ? 


如 果 每 次 想 要 往 数 组 中 添加 内 容 时 ， 我 们 都 必须 创建 一 个 全 新 的 数组 ， 这 不 仅 占 用 CPU 时 间 
并 且 消 耗 额 外 的 内 存 。 不 再 存在 任何 引用 的 日 数据 将 会 被 垃圾 回收 机 制 回收 ; 更 多 的 CPU 资 
源 消耗 。 


这 样 的 取舍 能 接受 吗 ? 视 情况 而 定 。 对 代码 性 能 的 优化 和 讨论 都 应 该 有 个 上 下 文 。 


如 果 在 你 的 程序 中 ， 只 会 发 生 一 次 或 几 次 单一 的 状态 变化 ， 那 么 扔 掉 一 个 上 昌 对 象 或 昌 数 组 完 
全 没 必要 担心 。 性 能 损失 会 非常 非常 小 一 一 顶 多 只 有 几 微 秒 对 你 的 应 用 程序 影响 其 

小 。 追 踪 和 修复 由 于 数据 改变 引起 的 bug 可 能 会 花费 你 几 分 钟 其 至 几 小 时 的 时 间 ， 这 么 看 来 
那 几 微 秒 简直 没有 可 比 性 。 





但 是 ， 如 果 频 繁 的 进行 这 样 的 操作 ， 或 者 这 样 的 操作 出 现在 应 用 程序 的 核心 逻辑 中 ， 那 么 性 
即 性 能 和 内 存 就 有 必要 仔细 考虑 一 下 了 。 








能 问题 


以 数组 这 样 一 个 特定 的 数据 结构 来 说 ， 我 们 想 要 在 每 次 操作 这 个 数组 时 使 每 个 更 改 都 隐 式 地 
进行 ， 就 像 结果 是 一 个 新 数组 一 样 ， 但 除了 每 次 都 真 的 创建 一 个 数组 之 外 ， 还 有 什么 其 他 办 
法 来 完成 这 个 任务 呢 ? 像 数组 这 样 的 数据 结构 ， 我 们 期 望 除了 能 够 保存 其 最 原始 的 数据 ， 然 
后 能 追踪 其 每 次 改变 并 根据 之 前 的 版 本 创建 一 个 分 支 。 


在 内 部 ， 它 可 能 就 像 一 个 对 象 引 用 的 链表 树 ， 树 中 的 每 个 节点 都 表示 原始 值 的 改变 。 从 概念 
上 来 说 ， 这 和 git 的 版 本 控制 原理 类 似 。 


[ 
加 到 到 本 


4,6,1,1,2| 


想象 一 下 使 用 这 个 假设 的 、 专 门 处 理 数组 的 数据 结构 : 


var state = specialArray( 1, 2, 3, 4 ); 


Var newState = State,Sset( 42, "meaning of life" ); 


state === newState; // false 

state.get( 2 ); 0 

state.get( 42 ); // undefined 
newState.get( 2 ); VS 

newState.get( 42 ); /meaningnof Laifte, 
newState.slice( 1, 3 ); A 23 


specialArray(..) 这 个 数据 结构 会 在 内 部 追踪 每 个 数据 更 新 操作 (例如 set(..) ) ， 类 似 
diff， 因 此 不 必要 为 原始 的 那些 值 ( 1、2、3 和 4 ) 重新 分 配 内 存 ， 而 是 简单 的 将 
"meaning of life" 这 个 值 加 入 列表 。 重 要 的 是 ，state 和 newstate 分 别 指向 两 个 “不 同 版 


本 "的 数组 ， 因 此 值 的 不 变性 这 个 语义 得 以 保留 。 


发 明 你 自己 的 性 能 优化 数据 结构 是 个 有 趣 的 挑战 。 但 从 实用 性 来 讲 ， 找 一 个 现成 的 库 会 是 个 
更 好 的 选择 。Immutable.js (http://facebook.github.io/immutable-js) 是 一 个 很 棒 的 选择 ， 它 
提供 多 种 数据 结构 ， 包 括 List (类 似 数组 ) 和 Map (类 似 普 通 对 象 ) 。 


思考 下 面 的 SpecialArray 示例 ， 这 次 使 用 Immutable.List 


var state = Immutable.List.of( 1, 2, 3, 4 ); 


var newState = state.set( 42, "meaning of life" ); 


state === newState; // false 

state.get( 2 ); 2 

State.get( 42 ); // undefined 
newState.get( 2 ); WH 

newState.get( 42 ); /meaninogp omnes 
newState.toArray().slice( 1, 3 ); Ve/ e283 


像 Immutable.js 这 样 强大 的 库 一 般 会 采用 非常 成 熟 的 性 能 优化 。 如 果 不 使 用 库 而 是 手动 去 处 
理 那些 细 枝 末节 ， 开 发 的 难度 会 相当 大 。 


当 改 变 值 这 样 的 场景 出 现 的 较 少 且 不 用 太 关 心性 能 时 ， 我 推荐 使 用 更 轻 量 级 的 解决 方案 ， 例 
es Object.freeze(..) ° 


以 不 可 变 的 眼光 看 待 数据 


如 果 我 们 从 函数 中 接收 了 一 个 数据 ， 但 不 确定 这 个 数据 是 可 变 的 还 是 不 可 变 的 ， 此 时 该 怎么 
办 ?去 修改 它 试 试看 吗 ? 不 要 这 样 做 。 就 像 在 本 章 最 开始 的 时 候 所 讨论 的 ， 不 论 实际 上 接收 
到 的 值 是 否 可 变 ， 我 们 都 应 以 它们 是 不 可 变 的 来 对 待 ， 以 此 来 避免 副作用 并 使 函数 保持 纯 
度 o 
回顾 一 下 之 前 的 例子 
function updateLastLogin(user) { 
Var newUserRecord = Object.assign( {}, user ); 


newUserRecord. JastLogin = Date.now(); 
return newUserRecord ; 


该 实现 将 user 看 做 一 个 不 应 该 被 改变 的 数据 来 对 待 ; user 是 否 昌 的 不 可 变 完 全 不 会 影响 
这 段 代 码 的 阅读 。 对 比 一 下 下 面 的 实现 : 


function updateLastLogin(user) { 
user.lastLogin = Date.now(); 
Heturneuser,. 


这 个 版 本 更 容易 实现 ， 性 能 也 会 更 好 一 些 。 但 这 不 仅 让 updateLastLogin(..) 变 得 不 纯 ， 这 
种 方式 改变 的 值 使 阅读 该 代码 ， 以 及 使 用 它 的 地 方 变 得 更 加 复杂 。 


应 当 总 是 将 user 看 做 不 可 变 的 值 ， 这 样 我 们 就 没 必要 知道 数据 从 哪里 来 ， 也 没 必 要 担心 数据 
会 引发 潜在 问题 。 


JavaScript 中 内 置 的 数组 方法 就 是 一 些 很 好 的 例子 ， 例 如 concat(..) 和 slice(..) 等 : 


Varearmm = 2 3 4 9] 
var arr2 = arr.concat( 6 ); 


arr; Ho | al eh 
arr2; 2 | re ao) 


var arr3 = arr2.slice( 1 ); 


arr2; 2 | pe a 
arr3; VN [2A 


其 他 一 些 将 参数 看 做 不 可 变数 据 且 返回 新 数组 的 原型 方法 还 有 : map(..) 和 filter(..) 
等 。 reduce(,.) / reduceRight(..) 方法 也 会 尽量 避免 改变 参数 ， 尽 管 它们 并 不 默认 返回 新 
数组 。 


不 幸 的 是 ， 由 于 历史 问题 ， 也 有 一 部 分 不 纯 的 数组 原型 方 
法 : splice(..) 、 pop(..) 、 push(..) 、 shift(..) 、 unshift(..) 、 reverse(..) 以 及 
Te 


有 些 人 建议 禁止 使 用 这 ee ， 但 我 不 这 么 认为 。 因 为 一 些 性 能 面 的 原因 ， 某 些 场景 
下 你 仍然 可 能 会 用 到 它们 。 不 过 你 也 应 当 注 意 ， 如 果 一 个 数组 没有 被 本 地 化 在 当前 函数 的 作 
用 域内 ， 那 么 不 应 当 使 用 这 Se 避免 它们 所 产生 的 副作用 影响 到 代码 的 其 他 部 分 


不 论 一 个 数据 是 否 是 可 变 的 ， 永 远 将 他 们 看 做 不 可 变 。 遵 守 这 样 的 约定 ， 你 程序 的 可 读 性 和 
可 信赖 度 将 会 大 大 提升 。 


区 结 


Ek 


/ 


值 的 不 可 变性 并 不 是 不 改变 值 。 它 是 指 在 程序 状态 改变 时 ， 不 直接 修改 当前 数据 ， 而 是 创建 
并 追踪 一 个 新 数据 。 这 使 得 我 们 在 读 代 码 时 更 有 信心 ， 因 为 我 们 限制 了 状态 改变 的 场景 ， 状 
态 不 会 在 意料 之 外 或 不 多 观察 的 地 方 发 生 改 变 。 

由 于 其 自身 的 信号 和 意图 ， const 关键 字 声 明 的 常量 通常 被 误 认 为 是 强制 规定 数据 不 可 被 改 
变 。 事 实 上 ， const 和 值 的 不 可 变性 声明 无 关 ， 而 且 使 用 它 所 带 来 的 困惑 似乎 比 它 解决 的 问 
题 还 要 大 。 另 一 种 思路 ， 内 置 的 object.freeze(..) 方法 提供 了 顶层 值 的 不 可 变性 设 定 。 大 
多 数 情 况 下 ， 使 用 它 就 足够 了 。 

对 于 程序 中 性 能 敏感 的 部 分 ， 或 者 变化 频繁 发 生 的 地 方 ， 处 于 对 计算 和 存储 空间 的 考量 ， 每 
次 都 创建 新 的 数据 或 对 象 (特别 是 在 数组 或 对 象 包含 很 多 数据 时 ) 是 非常 不 可 取 的 。 遇 到 这 
种 情况 ， 通 过 类 似 Immutable.js 的 库 使 用 不 可 变数 据 结 构 或 许 是 个 很 棒 的 主意 。 

值 不 变 在 代码 可 读 性 上 的 意义 ， 不 在 于 不 改变 数据 ， 而 在 于 以 不 可 变 的 眼光 看 待 数据 这 样 的 
约束 。 


JavaScript 轻 量 级 函数 式 编程 


第 7 章 : 闭 包 VS 对 象 


数 年 前 ，Anton van Straaten 创造 了 一 个 非常 有 名 且 被 常常 引用 的 祥 理 来 举例 和 证 实 一 个 闭 
包 和 对 象 之 间 重 要 的 关系 。 


德高望重 的 大 师 Qc Na 曾经 和 他 的 学 生 Anton 一 起 散步 。Anton 希望 引导 大 师 到 一 个 讨 


论 里 ， 说 到 : 大 师 ， 我 曾 听 说 对 象 是 一 个 非常 好 的 东西 ， 是 这 样 么 ?Qc Na 同情 地 看 着 
他 的 学 生 回 答 到 , " 思 策 的 弟子 ， 对 象 只 不 过 是 可 怜 人 的 闭 包 ” 

被 批评 后 ， Ca 致力 于 学 习 闭 包 。 他 认 站 的 阅读 
整个 “匿名 函数 : 终极 ...... ”系列 论文 和 它 的 姐妹 篇 ， 并 且 实 践 了 一 个 基于 闭 包 系统 的 小 的 
Scheme 解析 器 o 他 学 了 很 多 ， 盼 望 展现 给 他 导师 他 的 进步 

当 他 下 一 次 与 Qc Na 一 同 散 步 时 ，Anton 试 着 提醒 他 的 导师 ， 说 到 “导师 ， 我 已 经 勤奋 
地 学 习 了 这 件 事 ， 我 现在 明白 了 对 象 鼻 的 是 可 怜 人 的 财 包 。”，Qc Na 用 棍子 戳 了 性 
Anton 回应 到 ， "你 什么 时 候 才 能 学 会 ， 闭 包 才 是 可 怜 人 的 对 象 "。 在 那 一 刻 ，Anton 明白 
了 什么 

Anton van Straaten 6/4/2003 
http://people.csail.mit.edu/gregs/ll1-discuss-archive-html/msg03277.html 


原 帖 尽管 简短 ， 却 有 更 多 关于 起 源 和 动机 的 内 容 ， 我 强烈 推荐 为 了 理解 本 章 去 阅读 原 帖 来 调 
整 你 的 观念 。 


我 观察 到 很 多 人 读 完 这 个 会 对 其 中 的 聪明 智慧 傻笑 ， 却 继续 不 改变 他 们 的 想法 。 但 是 ， 这 个 
禅 理 (来 自 Bhuddist Zen 观点 ) 二 过 元 其 中 对 立 站 相 的 辩 驭 中。 所以， 返回 并 且 再 读 


| 
感 


到 底 是 哪个 ? 是 闭 包 是 可 怜 的 对 象 ， 还 是 对 象 是 可 怜 的 闭 包 ? 或 都 不 是 ? 或 都 是 ? 或 者 这 只 
是 为 了 说 明 闭 包 和 对 象 在 某 些 方面 是 相同 的 方式 ? 


还 有 它们 中 哪个 与 函数 式 编程 相关 ? 拉 一 把 椅子 过 来 并 且 和 仔细 考虑 一 会 儿 。 如 果 你 愿意 ， 这 
一 章 将 是 一 个 精彩 的 迁 回 之 路 ， 一 个 远足 。 


达成 共识 


先 确定 一 点 ， 当 我 们 谈 及 闭 包 和 对 象 我 们 都 达成 了 共识 。 我 们 显然 是 在 JavaScript 如 何 处 理 
这 两 种 机 制 的 上 下 文中 进行 讨论 的 ， 并 且 特 指 的 是 讨论 简单 函数 闭 包 ( 见 第 2 章 的 “保持 作用 
域 ") 和 简单 对 象 〈 键 值 对 的 集合 ) 。 


一 个 简单 的 函数 闭 包 : 


function outer() 1{ 
var one = 工 ; 
var two = 2) 


returmnfiunectrionnanmer (et 
return one + two,; 
}; 
} 


Var three = outer(); 


three(); 3 


一 个 简单 的 对 象 : 


var obj = { 
one: 了 


Functaom three(outer) 
return outer.one + outer.two; 


} 


three( obj ); W723 
但 提 到 “ 闭 包 “时 ， 很 多 人 会 想 很 多 额外 的 事情 ， 例 如 蜡 步 回调 其 至 是 封装 和 信息 隐藏 的 模块 模 
式 。 同 样 ，" 对 象 " 会 让 人 想起 类 、 this 、 原 型 和 大 量 其 它 的 工具 和 模式 。 


随 着 深入 ， 我 们 会 需要 小 心地 处 理 部 分 额外 的 相关 内 容 ， 但 是 现在 ， 尽 量 只 记 住 闭 包 和 对 象 
最 简单 的 释义 这 会 减少 很 多 探索 过 程 中 的 困惑 。 





相像 


闭 包 和 对 象 之 间 的 关系 可 能 不 是 那么 明显 。 让 我 们 先 来 探究 它们 之 间 的 相似 点 。 
为 了 给 这 次 讨论 一 个 基调 ， 让 我 简 述 两 件 事 : 


1. 一 个 没有 闭 包 的 编程 语言 可 以 用 对 象 来 模拟 闭 包 。 
2. 一 个 没有 对 象 的 编程 语言 可 以 用 闭 包 来 模拟 对 象 。 


换 名 话说， 我 们 可 以 认为 闭 包 和 对 和 象 是 一 样 东 西 的 两 种 表达 方式 。 


状态 
思考 下 面 的 代码 : 


functronouter (dt 
var one = 工 ; 
var two = 2;，; 


return functrionn rnner()t 
return one + two; 


}; 

} 

Var obj = { 
one: 1, 
two: 2 


}; 


inner() 和 obj 对 象 持 有 的 作用 域 都 包含 了 两 个 元 素 状 态 : 值 为 1 的 one 和 值 为 2 的 
two 。 从 语法 和 机 制 来 说 ， 这 两 种 声明 状态 是 不 同 的 。 但 概念 上 ， 他 们 的 确 相当 相似 。 


事实 上 ， 表 达 一 个 对 象 为 闭 包 形式 ， 或 闭 包 为 对 象形 式 是 相当 简单 的 。 接 下 来 ， 尝 试 一 下 : 


Var point = { 
Xl 
V2 
z: 14 

}; 


你 是 不 是 想起 了 一 些 相似 的 东西 ? 


functronmouter() 
var x = 10; 
Vary = 12, 
var z = 14; 


returnm functrion rnner (yt 
return [x,y,z|]; 
} 
}; 


Var point = outer(); 


注意 : 每 次 被 调用 时 inner() 方法 创建 并 返回 了 一 个 新 的 数组 ( 亦 然 是 一 个 对 象 ) 。 这 是 因 
为 JS 不 提供 返回 多 个 数据 却 不 包装 在 一 个 对 象 中 的 能 力 。 这 并 不 是 严格 意义 上 的 一 个 违反 我 
们 对 象 类 似 闭 包 的 说 明 的 任务 ， 因 为 这 只 是 一 个 暴露 一 运输 具体 值 的 实现 ， 状 态 追 踪 本 身 仍 
然 是 基于 对 象 的 。 使 用 ES6+ 数组 解构 ， 我 们 可 以 声明 地 忽视 这 个 临时 中 间 对 象 通过 另 一 种 
方式 : var [x,y,z] = point() 。 从 开发 者 工程 学 角度 ， 值 应 该 被 单独 存储 并 且 通 过 闭 包 而 不 
是 对 象 来 追踪 。 


如 果 你 有 一 个 诅 套 对 象 会 怎么 样 ? 


Var person = { 
name: "Kyle Simpson", 
address: { 
Srnec ti2SEaSY St 
GUEYyE Sve 
Staten ES 


}; 


我 们 可 以 用 府 套 闭 包 来 表示 相同 的 状态 : 


hunctaoniouter( 
var name = "Kyle Simpson"; 
return middle( ); 


ek RR RR 


FunctronmmriddLe(l) ne 
vastmeete=° 123 EaSY Skt 
Vamerty > JS volle 
var State =°” ES 


returm functron nner (ye 
return [name,street,city,statel]; 
}; 
} 


Var person = outer(); 


让 我 们 尝试 另 一 个 方向 ， 从 闭 包 转 为 对 象 : 


fumectaonn Donnme( Ol vl 
return function distFromPoint(x2,y2){ 
return Math.sqrt( 
Math.pow( x2 - x1i, 2 )+ 
Math.pow( y2 - yi, 2 ) 
); 
}; 


var pointDistance = point( 1, 1 ); 


pointDistance( 4, 5 ); ES 


distFrompoint(..) 封装 了 xl 和 y1 ， 但 是 我 们 也 可 以 通过 传 入 一 个 具体 的 对 象 作为 替代 
值 : 


Tunetaon ponntDristance(DoLnt XxX2 .V2 { 
return Math.sqrt( 
Math.pow( x2 - point.x1i, 2 ) + 
Math.pow( y2 - point.y1, 2 ) 
); 
}; 


pointDistancel( 
XV 
4， ZX2 
5 WV 

); 

WS 


明确 地 传 入 point 对 象 葵 换 了 财 包 的 隐 式 状态 。 


行为 ， 也 是 一 样 ! 


对 象 和 闭 包 不仅 是 表达 状态 集合 的 方式 ， 而 且 他 们 也 可 以 包含 函数 或 者 方法 。 将 数据 和 行为 
捆绑 为 有 一 个 充满 想象 力 的 名 字 : 封装 。 


思考 : 


function person(name,age) { 
return happyBirthday(){ 
age++， 
console.1log( 
Happy tagerr thearthdayr nmamne ta 


); 


} 


var birthdayBoy = person( "Kyle", 36 ); 


birthdayBoy(); // Happy 37th Birthday, Kyle! 


内 部 函数 happyBirthday() 封闭 了 name 和 age ， 所 以 内 部 的 函数 也 持 有 了 这 个 


我 们 也 可 以 通过 this 绑 定 一 个 对 象 来 获取 同样 的 能 


var birthdayBoy = { 

name: "Kyle", 

age: 36, 

happyBirthday() { 
this,age++' 
console.1log( 

uyHaBpy + this age rt thnearthday + thris namer te 

); 


}; 


birthdayBoy .happyBirthday( ); 
// Happy 37th Birthday, Kyle! 


我 们 仍然 通过 happyBrithday() 函数 来 表达 对 状态 数据 的 封装 ， 但 是 用 对 象 代替 了 闭 包 。 同 
时 我 们 没有 显 式 给 函数 传递 一 个 对 象 《如同 先 前 的 例子 ) ; JavaScript 的 this 绑 定 可 以 创 


造 一 个 隐 式 的 绑 定 。 


从 另 一 方面 分 析 这 种 关系 : 财 包 将 单个 函数 与 一 系列 状态 结合 起 来 ， 而 对 象 却 在 保有 相同 状 


态 的 基础 上 ， 允 许 任意 数量 的 函数 来 操作 这 些 状态 。 


事实 上 ， 我 们 可 以 在 一 个 作为 接口 的 闭 包 上 将 一 系列 的 方法 暴露 出 来 。 思 考 一 个 包含 了 两 个 


方法 的 传统 对 象 : 


太 


人 


0° 


Var person = { 
firstName: "Kyle", 
lastName: "Simpson", 
first() { 
return this.firstName; 


}, 
last() { 
return this.lastName; 
} 
} 
person.first() + " " + person.last(); 


// Kyle Simpson 


只 用 闭 包 而 不 用 对 象 ， 我 们 可 以 表达 这 个 程序 为 : 


function createPerson(firstName,lastName) { 
neturneAPL, 


ppd ms 


function API(methodName) { 
switch (methodName) { 
Case iist: 
returmn fs 人 
break 
Casealiasse 
return last(); 
break; 


}; 


functaone first( 
return firstName; 


Functron lase( ne 
return lastName; 


var person = createPerson( "Kyle", "Simpson" ); 


penson(@ FirSst +t person Tast 
// Kyle Simpson 


尽管 这 些 程序 看 起 来 感觉 有 点 反 人 类 ， 但 它们 实际 上 只 是 相同 程序 的 不 同 实现 


(不 ) 可 变 


0° 


许多 人 最 初 都 认为 闭 包 te 的 差别 源 于 可 变性 ; 闭 包 会 阻止 来 自 外 部 的 变化 而 对 象 则 
不 然 。 但 是 ， 结 果 是 ， 这 两 种 形式 都 有 典型 的 可 变 行为 。 


正如 第 6 章 讨 论 的 ， 这 是 因为 我 们 关心 的 是 值 的 可 变性 ， 值 可 变 是 值 本 身 的 特性 ， 不 在 于 在 
哪里 或 者 如 何 被 赋值 的 。 
Functaonouter() nt 


val YX =9 
Vary [2930 


returmfiunction nner 
return [ x，y[9]，y[1] ]; 


}; 

} 

var xyPublic = { 
> 
y: [2,3] 


}; 





在 outer() 中 字面 变量 x 存储 的 值 是 不 可 变 的 记 住 ， 定义 的 基本 类 型 如 2 是 不 可 
变 的 。 但 是 y 的 引用 值 ， 一 个 数组 ， 绝 对 是 可 变 的 。 这 点 对 于 xyPublic 中 的 x 和 y 属 
性 也 是 完全 相同 的 。 


通过 指出 y 本 身 是 个 数组 我 们 可 以 强调 对 象 和 闭 包 在 可 变 这 点 上 没有 关系 ， 因 此 我 们 需要 将 
这 个 例子 继续 拆 解 : 


functaon outer( 
Var X= 1; 
return middle( ); 


x EN RN RR RR 


function middle() { 
var y0 = 2; 
var y= 3; 


neturnm function annen( ee 
return [ x, y9, y1 1]; 
}; 


} 


Var xyPublic = { 
Xs 
y: { 
2 


}; 
如 果 你 认为 这 个 如 同 “世界 是 一 只 驮 着 一 只 一 直 驮 下 去 的 乌龟 (对 象 ) 群 ”， 在 最 底层 ， 所 有 


的 状态 数据 都 是 基本 类 型 ， 而 所 有 基本 类 型 都 是 不 可 变 值 。 


不 论 是 用 诅 套 对 象 还 是 诅 套 闭 包 代表 状态 ， 这 些 被 持 有 的 值 都 是 不 可 变 的 。 


同 构 这 个 概念 最 近 在 JavaScript 圈 经 常 被 提出 ， 它 通常 被 用 来 指 代码 可 以 同时 被 服务 端 和 浏 


览 器 端 使 用 分享。 我 不 久 以 前 写 了 一 篇 博文 说 明 这 种 对 同 构 这 个 词 的 使 用 是 错误 的 ， 隐 茂 
了 它 实际 上 确切 和 重要 的 意思 。 


这 里 我 是 博文 部 分 的 节选 


同 构 的 意思 是 什么 ?了 当然， 我 们 可 以 用 数学 词汇 ， 社 会 学 或 者 生物 学 讨论 它 。 同 构 最 普 
遍 的 概念 是 你 有 两 个 类 似 但 是 不 相同 的 结构 。 


在 这 些 所 有 的 惯用 法 中 ， 同 构 和 相等 的 区 别 在 这 里 : 如 果 两 个 值 在 各 方面 完全 一 
它们 相等 ， 但 是 如 果 它 们 表现 不 一 致 却 仍 有 一 对 一 或 者 双向 映射 的 关系 那么 它 介 
构 。 


换 而 言 之 ， 两 件 事物 A 和 B 如 果 你 能 够 映射 〈 转 化) 和信 到 BB 并 且 能 够 通过 反 向 映射 回 到 A 
那么 它们 就 是 同 构 。 


回想 第 2 章 的 简单 数学 回顾 ， 我 们 讨论 了 函数 的 数学 定义 是 一 个 输入 和 输出 之 间 的 映射 。 我 
们 指出 这 在 学 术 上 称 为 态 射 。 同 构 是 双 映 (双向 ) 态 射 的 特殊 案例 ， 它 需要 映射 不 仅仅 必须 
可 以 从 任意 一 边 完成 ， 而 且 在 任 一 方式 下 反应 完全 一 致 。 
不 去 思考 这 些 关 于 数字 的 问题 ， 让 我 们 将 同 构 关 联 到 代码 。 再 一 次 引用 我 的 博文 : 
如 果 JS 有 同 构 的 话 是 怎么 样 的 ?2 它 可 能 是 一 集合 的 JS 代码 转化 为 了 另 一 集合 的 JS 代 
码 ， 并 且 (重要 的 是 ) 如 果 你 原意 的 话 ， 你 可 以 把 转化 后 的 代码 转 为 之 前 的 。 
正如 我 们 之 前 通过 闭 包 如 同 对 象 和 对 象 如 同 闭 包 为 例 声称 的 一 样 ， 它 们 的 表达 可 以 任意 蔡 
换 。 就 这 一 点 来 说 ， 它们 互 为 同 构 。 
简 而 言 之 ， 闭 包 和 对 象 是 状态 的 同 构 表示 (及 其 相关 功能 ) 。 


下 次 你 听 到 谁 说 “X 与 Y 是 同 构 的 ”， 他 们 的 意思 是 ，“X 和 YY 可 以 从 两 者 中 的 任意 一 方 转化 到 
另 一 方 ， 并 且 无 论 怎样 都 保持 了 相同 的 特性 。” 


内 部 结构 


所 以 ， 我 们 可 以 从 我 们 写 的 代码 角度 想象 对 象 是 闭 包 的 一 种 同 构 展 示 。 但 我 们 也 可 以 观察 到 
闭 包 系统 可 以 被 实现 ， 并 且 很 可 能 是 用 对 象 实现 的 |! 


这 样 想 一 下 : 在 如 下 的 代码 中 ， 在 outer() 已 经 运行 后 ，JS 如 何 为 了 _ inner() 的 引用 保持 
对 变量 x 的 追踪 ? 


Tunetron outer( dn 
var x = 1; 


return function inner(){ 
returmne xX 


}; 


我 们 会 想到 作用 域 ， outer() 作为 属性 的 对 象 实施 设置 所 有 的 变量 定义 。 因 此 ， 从 概念 上 
讲 ， 在 内 存 中 的 某 个 地 方 ， 是 类 似 这 样 的 。 


scopeOofOuter = { 
X 
}; 


接 下 来 对 于 inner() 函数 ， 一 旦 创建 ， 它 获得 了 一 个 叫做 scopeofInner 的 ( 空 ) 作用 域 对 
象 ， 这 个 对 象 被 其 [[Prototype]] 连接 到 scopeofouter 对 象 ， 近 似 这 个 : 


SCcopeoOfInner = 人 {}; 
Object.setPrototypeof( scopeofInner, scopeofOuter ); 


接着 ， 当 内 部 的 inner() 建立 词法 变量 x 的 引用 时 ， 实 际 更 像 这 样 : 


return scopeofInner.x; 


ScopeofInner 并 没有 一 个 x 的 属性 ， 当 他 的 [[Prototype]] 连接 到 拥有 x 属性 的 
scopeofouter 时 。 通 过 原型 委托 访问 scopeofouter.x 返回 值 是 1。 


这 样 ， 我 们 可 以 近似 认为 为 什么 outer() 的 作用 域 甚 至 在 当 它 执行 完 都 被 保留 〈 通 过 闭 
包 ) ， 这 是 因为 scopeofInner 对 象 连接 到 scopeofOuter 对 象 ， 因 此 ， 使 这 个 对 象 和 它 的 属 
性 完整 的 被 保存 下 来 。 


现在 ， 这 都 只 是 概念 。 我 没有 从 字面 上 说 JS 引擎 使 用 对 象 和 原型 。 但 它 完 全 有 道理 ， 它 可 以 
同样 地 工作 。 


许多 语言 实际 上 通过 对 象 实现 了 闭 包 。 另 一 些 语言 用 闭 包 的 概念 实现 了 对 象 。 但 我 们 让 读者 
使 用 他 们 的 想象 力 思 考 这 是 如 何 工 作 的 。 


同根 开 枝 

所 以 闭 包 和 对 象 是 等 价 的 ， 对 吗 ? 不 完全 是 ， 我 打赌 它们 比 你 在 读本 章 前 想 的 更 加 相似 ， 但 
是 它们 仍 有 重要 的 区 别 点 。 

这 些 区 别 点 不 应 当 被 视 作 缺点 或 者 不 利于 使 用 的 论点 ; 这 是 错误 的 观点 。 对 于 给 定 的 任务 ， 
它们 应 该 被 视 为 使 一 个 或 另 一 个 更 适合 (和 可 读 ) 的 特点 和 优势 。 

结构 可 变性 

从 概念 上 讲 ， 闭 包 的 结构 不 是 可 变 的 。 


换 而 言 之 ， 你 永远 不 能 从 闭 包 添加 或 移 除 状态 。 闭 包 是 一 个 表示 对 象 在 哪里 声明 的 特性 (被 
固定 在 编写 二 编译 时 间 ) ， 并 且 不 受 任 何 条 件 的 影响 当然 假设 你 使 用 严格 模式 并 且 二 或 
者 没有 使 用 作 次 手段 例如 eval(..) 。 





注意 : JS 引擎 可 以 从 技术 上 过 滤 一 个 对 象 来 清除 其 作用 域 中 不 再 被 使 用 的 变量 ， 但 是 这 是 一 
个 对 于 开发 者 透明 的 高 级 的 优化 。 无 论 引 警 是 否 实际 做 了 这 类 优化 ， 我 认为 对 于 开发 者 来 说 
假设 闭 包 是 作用 域 优先 而 不 是 变量 优先 是 最 安全 的 。 如 果 你 不 想 保留 它 ， 就 不 要 封闭 它 (在 
闭 包 里 ) | 


但 是 ， 对 象 默认 是 完全 可 变 的 ， 你 可 以 自由 的 添加 或 者 移 除 ( delete ) 一 个 对 象 的 属性 索 
引 ， 只 要 对 象 没有 被 冻结 ( object.freeze(..) ) 


这 或 许 是 代码 可 以 根据 程序 中 运行 时 条 件 追 踪 更 多 (或 更 少 ) 状态 的 优势 。 


个 例子 ， 让 我 们 思考 追踪 游戏 中 的 按键 事件 。 几 乎 可 以 肯定 ， 你 会 考虑 使 用 一 个 数组 来 做 


function trackEvent(evt, keypresses = []) { 
return keypresses.concat( evt ); 


Var keypresses = trackEvent( newEvent1 ) 


keypresses = trackEvent( newEvent2, keypresses ); 


注意 : 你 能 否认 出 为 什么 我 使 用 concat(..) 而 不 是 直接 对 keypresses 数组 使 用 push(..) 
操作 ? 因为 在 函数 式 编程 中 ， 我 们 通常 希望 对 待 数组 如 同 不 可 变数 据 结构 ， 可 以 被 创建 和 添 
加 ， 但 不 能 直接 改变 。 我 们 别 除 了 显 式 重新 赋值 带 来 的 用 恶 副作用 ( 稍 后 再 作 说 明 ) 。 


尽管 我 们 不 在 改变 数组 的 结构 ， 但 当 我 们 希望 时 我 们 也 可 以 。 稍 后 详细 介绍 。 


数组 不 是 记录 这 个 evt 对 象 的 增长 “列表 "的 仅 有 的 方式 。。 我 们 可 以 使 用 闭 包 : 


function trackEvent(evt,keypresses = () => []) { 
return function newKeypresses() { 
return [ ...keypresses(), evt |]; 
}; 
} 


var keypresses = trackEvent( newEvent1 ); 


keypresses = trackEvent( newEvent2, keypresses ); 


你 看 出 这 里 发 生 了 什么 吗 ? 


每 次 我 们 添加 一 个 新 的 事件 到 这 个 “列表 ”， 我 们 创建 了 一 个 包装 了 现 有 keypresses() 方法 

( 闭 包 ) 的 新 闻 包 ， 这 个 新 闻 包 捕获 了 当前 的 evt 。 当 我 们 调用 keypresses() 函数 ， 它 将 
成 功 地 调用 所 有 的 内 部 方法 ， 并 创建 一 个 包含 所 有 独立 封装 的 evt 对 象 的 中 间 数 组 。 再 次 说 
明 ， 闭 包 是 一 个 追踪 所 有 状态 的 机 制 ; 这 个 你 看 到 的 数组 只 是 一 个 对 于 需要 一 个 方法 来 返回 
函数 中 多 个 值 的 具体 实现 。 


所 以 哪 一 个 更 适合 我 们 的 任务 ? 毫 无 意外 ， 数 组 方法 可 能 更 合适 一 些 。 闭 包 的 不 可 变 结构 意 
味 着 我 们 的 唯一 选项 是 封装 更 多 的 闭 包 在 里 面 。 对 象 默 认 是 可 扩展 的 ， 所 以 我 们 需要 增长 这 
个 数组 就 足够 了 。 


顺便 一 提 ， 尽 管 我们 表现 出 结构 不 可 变 或 可 变 是 一 个 闭 包 和 对 象 之 间 的 明显 区 别 ， 然 而 我 们 
使 用 对 象 作为 一 个 不 可 变数 据 的 方法 实际 上 使 之 更 相似 而 非 不 同 。 


数组 每 次 添加 就 创造 一 个 新 数组 (通过 concat(..) ) 就 是 把 数组 对 待 为 结构 不 可 变 ， 这 个 概 
念 上 对 等 于 通过 适当 的 设计 使 肝 包 结构 上 不 可 变 。 


私有 

当 对 比分 析 闭 包 和 对 象 时 可 能 你 思考 的 第 一 个 区 分 点 就 是 闭 包 通过 词法 作用 域 提供 “私有 " 状 
态 ， 而 对 象 将 一 切 做 为 公共 属 ， ee 。 这 种 私有 有 一 个 精致 的 名 字 : 信息 隐藏 。 
考虑 词法 闭 包 隐藏 : 


functaonnouten() 
Walle XS = 


returm function znner()t 
return X， 
}; 
} 


var xHidden = outer(); 


xHidden( ) ; AT 


现在 同样 的 状态 公开 : 


Var xPublic = { 
Xe 
}; 


xPublic.x; Za 


这 里 有 一 些 在 常规 的 软件 工程 原理 方面 明显 的 区 别 一 一 考虑 下 抽象 ， 这 种 模块 模式 有 着 公有 
和 私有 API 等 等 。 但 是 让 我 们 试 着 把 我 们 的 讨论 局 限于 函数 式 编程 的 观点 ， 毕 竞 ， 这 是 一 本 
关于 函数 式 编程 的 书 ! 


可 见 性 


似乎 隐藏 信息 的 能 力 是 一 种 理想 状态 的 跟踪 特性 ， 但 是 我 认为 函数 式 编程 者 可 能 持 反 对 观 
点 。 


在 一 个 对 象 中 管理 状态 作为 公开 属性 的 一 个 优点 是 这 使 你 状态 中 的 所 有 数据 更 容易 枚 举 (过 
代 ) 。 思 考 下 你 想 访问 每 一 个 按键 事件 (从 之 前 的 那个 例子 ) 并 且 存 储 到 一 个 数据 库 ， 使 用 
一 个 这 样 的 工具 : 


function recordKeypress(keypressEvt) { 
// 数据 库 实用 程序 
DB.store( "keypress-events", keypressEvt ) 


lf you already have an array -- just an object with public numerically-named properties -- this 
is very straightforward using a built-in JS array utility forEach(..) : 


如 果 你 已 经 有 一 个 数组 ， 正 好 是 一 个 拥有 公开 的 用 数字 命名 属性 的 对 象 一 非常 直接 地 使 用 
JS 对 象 的 内 建 工 具 forEach(..) 


keypresses.forEach( recordkeypress ); 


但 是 ， 如 果 按 键 列表 被 隐藏 在 一 个 闭 包 里 ， 你 不 得 不 在 闭 包 内 暴露 一 个 享有 特权 访问 数据 的 
公开 API 工具 。 


举例 而 说 ， 我 可 以 给 我 们 的 闭 包 一 一 keypresses 例子 自 有 的 forEach 方法 ， 如 同 数组 内 建 
的 : 


function trackEvent( 
evt, 
keypresses = { 
Tse receumnmnlln 
forEach() 人 


} 
) { 
returm { 
list() { 
return [ ...keypresses.1list(), evt |]; 
}, 
forEach(fn) { 
keypresses ,forEach( fn ); 
fn( evt ); 
} 
}; 
} 
/7 
keypresses.1ist(); /hevt evet, 


keypresses.forEach( recordkeypress ); 
对 象 状态 数据 的 可 见 性 让 我 们 能 更 直接 地 使 用 它 ， 而 闭 包 遮 拖 状 态 让 我 们 更 艰难 地 处 理 它 。 


变更 控制 
如 果 词 法 变量 被 隐藏 在 一 个 闭 包 中 ， 只 有 闭 包 内 部 的 代码 才能 自由 的 重新 赋值 ， 在 外 部 修改 
x 是 不 可 能 的 。 


正如 我 们 在 第 6 章 看 到 的 ， 提 升 代码 可 读 性 的 唯一 丨 相 就 是 减少 表面 掩盖 ， 读 者 必须 可 以 预 
见 到 每 一 个 给 定 变量 的 行为 。 


词法 〈 作 用 域 ) 在 重新 赋值 上 的 局 部 就 近 原 则 是 为 什么 我 不 认为 const 是 一 个 有 帮助 的 特性 
的 一 个 重要 原因 。 作 用 域 (例如 闭 包 ) 通常 应 该 尽 可 能 小 ， 这 意味 着 重新 赋值 只 会 影响 少许 
代码 。 在 上 面 的 outer() 中 ， 我 们 可 以 快速 地 检查 到 没有 一 行 代码 重 设 了 X， 至 此 (x 的 ) 所 
有 意图 和 目的 表现 地 像 一 个 常量 。 


这 类 保证 对 于 我 们 对 函数 纯净 的 信任 是 一 个 强 有 力 的 贡献 ， 例 如 。 


换 而 言 之 ， xpublic.x 是 一 个 公开 属性 ， 程 序 的 任何 部 分 都 能 引用 xpublic ， 默 认 有 重 设 
xPublic.x 到 别 的 值 的 能 力 。 这 会 让 很 多 行 代码 需要 被 考虑 。 


这 是 为 什么 在 第 6 章 ， 我 们 视 object.freeze(..) 为 使 所 有 的 对 象 属性 只 读 (writable: 
false) 的 一 个 快速 而 凌乱 的 方式 ， 让 它们 不 能 被 不 可 预测 的 重 设 。 

不 幸 的 是 "Object.freeze(..) 是 极端 且 不 可 遂 的 2 

使 有 了 闭 包 ， 你 就 有 了 一 些 可 以 更 改 代 码 的 权限 ， 而 剩余 的 程序 是 受 限 的 。 当 我 们 冻结 一 个 
对 象 ， 代 码 中 没有 任何 部 分 可 以 被 重 设 。 此 外 ， 一 旦 一 个 对 象 被 冻结 ， 它 不 能 被 解冻 ， 所 以 
所 有 属性 在 程序 运行 期 间 都 保持 只 读 。 


在 我 想 允 许 重新 赋值 但 是 在 表层 限制 的 地 方 ， 闭 包 比 起 对 象 更 方便 和 灵活 。 在 我 不 想 重 新 赋 
值 的 地 方 ， 一 个 冻结 的 对 象 比 起 重复 const 声明 在 我 所 有 的 函数 中 更 方便 一 些 。 


许多 函数 式 编程 者 在 重新 赋值 上 采取 了 一 个 强硬 的 立场 : 它 不 应 该 被 使 用 。 他 们 倾向 使 用 
const 来 使 用 所 有 闭 包 变量 只 读 ， 并 且 他 们 使 用 Ojbect.freeze(..) 或 者 完全 不 可 变数 据 结 
构 来 防止 属性 被 重新 赋值 。 此 外 ， 他 们 尽量 在 每 个 可 能 的 地 方 减少 显 式 地 声明 的 二 追踪 的 变 
量 ， 更 倾向 于 值 传递 一 一 函数 链 ， 作 为 参数 被 传递 的 return 值 ， 等 等 一 一 替代 中 间 值 存 
储 。 

这 本 书 是 关于 JavaScript 中 的 轻 量 级 函数 式 编程 ， 这 是 一 个 我 与 核心 函数 式 编程 群体 有 分 歧 
的 情况 。 


我 认为 变量 重新 赋值 当 被 合理 的 使 用 时 是 相当 有 用 的 ， 它 的 明确 性 具有 相当 有 可 读 性 。 从 经 
验 来 看 ， 在 插入 debugger 或 断 点 或 跟踪 表 表 达 式 时 ， 调 试 工作 要 容易 得 多 。 
状态 拷贝 


正如 我 们 在 第 6 章 学 习 的 ， 防 止 副作用 侵蚀 代码 可 预测 性 的 最 好 方法 之 一 是 确保 我 们 将 所 有 
状态 值 视 为 不 可 变 的， 无 论 他 们 是 否 夏 的 可 变 (冻结 ) 与 否 。 


如 果 你 没有 使 用 特别 定制 的 库 来 提供 复杂 的 不 可 变数 据 结构 ， 最 简单 满足 要 求 的 方法 : 在 每 
次 变化 前 复制 你 的 对 象 或 者 数组 。 


数组 浅 拷贝 很 容易 : 只 要 使 用 slice() 方法 : 


var a = L203 


var b = a.slice(); 


b.push( 4 ); 
a; ue a ee 
b; Wr [el 2 A] 


对 象 也 可 以 相对 容易 地 实现 浅 拷贝 : 


var 0 = 
SS 
V3 2 
}; 
// 在 ES2017 以 后 ， 使 用 对 象 的 解构 : 
Var p30. oOo 
p:y = 3; 


A/ EES201509 = 
var p = Object.assign( {}, 0 ); 
p:y = 3; 


如 果 对 象 或 数组 中 的 值 是 非 基本 类 型 (对 象 或 数组 ) ， 使 用 深 拷 贝 你 不 得 不 手动 遍历 每 一 层 
来 拷贝 每 个 内 诅 对 象 。 否 则 ， 你 将 有 这 些 内 部 对 象 的 共享 引用 拷贝 ， 这 就 像 给 你 的 程序 逻辑 
造成 了 一 次 大 破坏 。 


你 是 否 意识 到 克隆 是 可 行 的 只 是 因为 所 有 的 这 些 状 态 值 是 可 见 ee 
贝 ?一 堆 被 包装 在 闭 包 里 的 状态 会 怎么 样 ， 你 如 何 拷贝 这 些 状态 


那 是 相当 乏味 的 。 基 本 上 ， 你 不 得 ee nl 定义 forEach API 的 方法 : 提供 
一 个 闭 包 内 层 拥 有 提取 或 拷贝 隐藏 值 权限 的 函数 ， 并 在 这 过 程 中 创建 新 的 等 价 闭 包 


管 这 在 理论 上 是 可 行 的 ， 对 读者 来 说 也 是 一 种 锻炼 ! 这 个 实现 的 操作 量 远 远 不 及 你 可 能 进 
实 程序 的 调整 。 


在 表示 需要 拷贝 的 状态 时 ， 对 象 具有 一 个 更 明显 的 优势 。 
性 能 


从 实现 的 角度 看 ， 对 象 有 一 个 比 闭 包 有 利 的 原因 ， 那 就 是 JavaScript 对 象 通 常 在 内 存 和 其 至 
计算 角度 是 更 加 轻 量 的 。 


但 是 需要 小 心 这 个 普遍 的 断言 : 有 很 多 东西 可 以 用 来 处 理 对 象 ， 这 会 抹 除 你 从 无 视 闭 包 转 向 
对 象 状 态 追 踪 获 得 的 任何 性 能 增益 。 


让 我 们 考虑 一 个 情景 的 两 种 实现 。 首 先 ， 闭 包 方 式 实现 : 


function StudentRecord(name,major,gpa) { 
return function printStudent(){ 
return ‘${name}, Major: ${major}, GPA: S${gpa.toFixed(1)}; 
}; 
} 


var student = StudentRecord( "Kyle Simpson", "kyle@some.tild", "CS", 4 ); 
// 随后 


student(); 
// Kyle Simpson, Major: CS, GPA: 4.0 


内 部 函数 有 封装 了 三 个 变量 : name 、 major 和 gpa 。 它 维护 这 个 状态 无 论 
我 们 是 否 传递 引用 给 这 个 函数 ， 在 这 个 例子 我 们 称 它 为 student() 。 


现在 看 对 象 (和 this ) 方式 : 


function StudentRecord(){ 
eurnn fnrssname a Mador ptthas malort GPAms has ona toraxed( nt) 
} 


var student = StudentRecord.bind( { 
name: "Kyle Simpson", 
ma CS 
gpa: 4 

} ); 


// 随后 


student(); 
// Kyle Simpson, Major: CS, GPA: 4.0 


student() 函数 ， 学 术 上 叫做 “边界 函数 " 一 有 一 个 硬性 边界 this 来 引用 我 们 传 入 的 对 象 
字面 量 ， 因 此 之 后 任何 调用 _ student() 将 使 用 这 个 对 象 作为 this ， 于 是 它 的 封装 状态 可 以 
被 访问 。 


两 种 实现 有 相同 的 输出 : 一 个 保存 状态 的 函数 ， 但 是 关于 性 能 ， 会 有 什么 不 同 呢 ? 


注意 : 精准 可 控 地 判断 JS 代码 片段 性 能 是 非常 困难 的 事情 。 我 们 在 这 里 不 会 深入 所 有 的 细 
节 ， 但 是 我 强烈 推荐 你 阅读 《你 不 知道 的 JS : 异步 和 性 能 》 这 本 书 ， 特 别 是 第 6 章 “ 性 能 测试 
和 调 优 5， 来 了 解 细 节 。 


如 果 你 写 过 一 个 库 来 创造 持 有 配对 状态 的 函数 ， 要 么 在 第 一 个 片段 中 调用 
studentRecord(..) ， 要 么 在 第 二 个 片 段 中 调用 studentRecord. bind(..) 的 方式 ， 你 可 能 更 多 
的 关心 它们 两 的 性 能 怎样 。 检 查 代码 ， 我 们 可 以 看 到 前 者 每 次 都 必须 创建 一 个 新 函数 表达 


式 。 后 者 使 用 bind(..) ， 没 有 明显 的 含义 。 
思考 bind(..) 在 内 部 做 了 什么 的 一 种 方式 是 创建 一 个 闭 包 来 替代 函数 ， 像 这 


function bind(orinFn,this0bj) { 
return tunction boundEn(e eargs) ne 
return origFn.apply( this0bj, args ); 
}; 
} 


var Student = bind( StudentRecord, { name: "Kyle.." } ); 


这 样 ， 看 起 来 我 们 的 场景 的 两 种 实现 都 是 创造 一 个 闭 包 ， 所 以 性 能 看 似 也 是 一 致 的 。 


但 是 ， 内 置 的 bind(..) 工具 并 不 一 定 要 创建 闭 包 来 完成 任务 。 它 只 是 简单 地 创建 了 一 个 函 
数 ， 然 后 手动 设置 它 的 内 部 this 给 一 个 指定 的 对 象 。 这 可 能 比 起 我 们 使 用 闭 包 本 身 是 一 个 
更 高 效 的 操作 。 


我 们 这 里 讨论 的 在 每 次 操作 上 的 这 种 性 能 优化 是 不 值 一 提 的 。 但 是 如 果 你 的 库 的 关键 部 分 被 
使 用 了 成 千 上 万 次 甚至 更 多 ， 那 么 节省 的 时 间 会 很 快 增加 。 许 多 库 一 Bluebird 就 是 这 样 一 
个 例子 ， 它 已 经 完成 移 除 闭 包 去 使 用 对 象 的 优化 。 


在 库 的 使 用 案例 之 外 ， 持 有 配对 状态 的 函数 通常 在 应 用 的 关键 路 径 发 生 的 次 数 相 对 非常 少 。 
相 比 之 下 ， 典 型 的 使 用 是 函数 加 状态 一 一 在 任意 一 个 片段 调用 student() ， 是 更 加 常见 的 。 


如 果 你 的 代码 中 也 有 这 样 的 场景 ， 你 应 该 更 多 地 考虑 (优化 ) 前 后 的 性 能 对 比 。 


人 通常 具有 一 个 相当 糟糕 的 性 能 ， 但 是 最 近 已 经 被 JS 引擎 高 度 优化 。 如 果 你 
在 几 年 前 检测 过 这 些 变化 ， 很 可 能 跟 你 现在 用 最 近 的 引擎 重复 测试 的 结果 完全 不 一 致 。 


边界 函数 现在 看 起 来 至 少 跟 同 样 的 封装 辑 数 表现 的 一 样 好 。 所 以 这 是 另 一 个 支持 对 象 比 闭 包 
好 的 点 。 


还 是 闭 包 更 这 合 这 个 任务 5 


本 章 的 站 理 无 法 被 直 述 。 必 须 阅读 本 章 来 寻找 它 的 真理 。 


JavaScript 轻 量 级 函数 式 编程 


第 8 章 :列表 操作 


你 是 否 还 沉迷 于 上 一 节 介 绍 的 闭 包 对 象 之 中 ?欢迎 回来 ! 

如 果 你 能 做 一 些 令 人 惊叹 的 事情 ， 请 持续 保持 下 去 。 
本 文 之 前 已 经 简要 的 提 及 了 一 些 实用 函数 : map(..) 、filter(..) 和 reduce(..) ， 现 在 深 
入 了 解 一 下 它们 。 在 Javascript 中 ， 这 些 实 用 函数 通常 被 用 于 Array ( 即 "list” ) 的 原型 上 。 
因此 可 以 很 自然 的 将 这 些 实用 函数 和 数组 或 列表 操作 联系 起 来 。 
在 讨论 具体 的 数组 方法 之 前 ， 我 们 应 该 很 清楚 这 些 操作 的 作用 。 在 这 章 中 ， 再 明白 为 何 有 这 
些 列表 操作 和 这 些 操作 如 何 工作 同等 重要 。 请 保持 头脑 清晰 ， 跟 上 节奏 。 
在 本 章 内 外 ， 有 大 量 常见 且 通俗 易 懂 的 列表 操作 的 例子 ， 它 们 描述 一 些 细 小 的 操作 去 处 理 一 
系列 的 值 (如 数组 中 的 每 一 个 值 加 倍 ) 。 这 样 通俗 多 懂 。 
但 是 不 要 停留 在 这 些 简 单 示例 的 表面 ， 而 错过 了 更 深层 次 的 点 。 通 过 对 一 系列 任务 建 模 来 理 
解 一 些 非常 重要 的 函数 式 编程 在 列表 操作 中 的 价值 一 一 一 些 些 看 起 来 不 像 列表 的 语 
作为 列表 操作 ， 而 不 是 单独 执行 。 








这 不 仅仅 是 编写 许多 简练 代码 的 技巧 。 我 们 所 要 做 的 是 ， 从 命令 式 转 变 为 声明 式 风 格 ， 使 代 
码 模 式 更 容易 辨认 ， 从 而 可 读 性 更 好 。 


但 这 里 有 一 些 更 需要 掌握 的 东西 。 在 命令 式 代码 中 ， 一 组 计算 的 中 间 结 果 都 是 通过 赋值 来 存 
储 。 代 码 中 依赖 的 命令 模式 越 多 ， 越 难 验证 它们 不 是 错误 。 比 如 ， 在 多 辑 上 ， 值 的 意外 改 
变 ， 或 隐藏 的 潜在 原因 /影响 。 


通过 与 /或 链接 组 合 列表 操作 ， 中 间 结 果 被 隐 式 地 跟踪 ， 并 在 很 大 程度 上 避免 了 这 些 风 险 。 


注意 : 相 比 前 面 几 音 ， 为 了 代码 片段 更 加 简练 ， 我 们 将 采用 ES6 的 箭头 函数 。 尽 管 第 2 章 中 
对 于 箭头 函数 的 建议 依旧 普遍 适用 于 编码 中 。 


非 涵 数 式 编程 列表 处 理 


作为 本 章 讨论 的 快速 预览 ， 我 想 调用 一 些 操作 ， 这 些 操 作 看 上 去 可 以 将 Javascript 数组 和 函 
数 式 编程 列表 操作 相关 联 ， 但 事实 上 并 没有 。 我 们 不 会 在 这 里 讨论 这 些 ， 因 为 它们 与 一 般 的 
函数 式 编 程 最 佳 实践 不 一 致 : 


© forEach(..) 


® some(..) 


@ every(..) 


forEach(.,.) 是 遍历 辅助 另 数 ， 但 是 它 被 设计 为 带 有 副作用 的 函数 来 处 理 每 次 人 遍历 ; 你 或 许 
已 经 猜测 到 了 它 为 什么 不 是 我 们 正在 讨论 的 函数 式 编程 列表 操作 ! 


some(..) 和 every(..) 鼓励 使 用 纯 函 数 (具体 来 说 ， 就 像 Fulter(e 这 样 的 谓词 函 
数 ) ， 但 是 它们 不 可 避免 地 将 列表 化 简 为 true 或 false 的 值 ， 本质 上 就 像 搜 索 和 匹配 。 
这 两 个 实用 有 函数 和 我 们 期 望 杀 用 函数 式 编程 来 组 织 代 码 相 匹配 ， 因 此 ， 这 里 我 们 将 跳 过 它 
们 。 


映射 


我 们 将 采用 最 基础 和 最 简单 的 操作 map(..) 来 开启 函数 式 编程 列表 操作 的 探索 。 


映射 的 作用 就 将 一 个 值 转换 为 另 一 个 值 。 例 如 ， 如 果 你 将 2 乘 以 3 ， 你 将 得 到 转换 的 结果 
6 。 需 要 重点 注意 的 是 ， 我 们 并 不 是 在 讨论 映射 转换 是 暗示 就 地 转换 或 重新 赋值 ， 而 是 将 一 
个 值 从 一 个 地 方 映射 到 另 一 个 新 的 地 方 。 


换 句 话说 


VarxX =2 YX 


如 果 我 们 定义 了 乘 3 这 样 的 函数 ， 这 个 函数 充当 映射 (转换 ) 的 功能 。 


Var multipleBy3 =V =>V * 3; 
Val xX = 27 V2 
// 转换 


y = multiplyBy3( x ); 


我 们 可 以 自然 的 将 映射 的 概念 从 单个 值 扩展 到 值 的 集合 。 map( ..) 操作 将 列表 中 所 有 的 值 转 
换 为 新 列表 中 的 列表 项 ， 如 下 图 所 示 : 


list 1 mapper function list 2 

















实现 map(..) 的 代码 如 下 


function map(mapperFn,arr) { 
var newList = []; 


for (let idx = 0; idx < arr.length; idx++) { 
newList.push( 
mapperFn( arr[idx], idx, arr ) 
); 
} 


return newList， 


I 的 参数 顺序 ， 年 一 看 像 是 在 倒退 。 但 是 这 种 方式 在 函数 式 编程 类 库 中 
非常 常见 。 因 为 这 样 做 ， 可 以 让 这 些 实用 函数 更 容易 被 组 合 。 


mapperFn(..) 自然 地 将 传 入 的 列表 项 做 映射 了 转换， 并 且 也 传 入 了 idx 和 arr 。 这 样 做 ， 
可 以 和 内 置 的 数组 的 map(..) 保持 一 致 。 在 某 些 情况 下 ， 这 些 额外 的 参数 非常 有 用 。 


但 是 ， 在 一 些 其 他 情况 中 ， 你 只 希望 传递 列表 项 到 mapperFn(..) 。 因 为 额外 的 参数 可 能 会 改 
它 的 行为 。 在 第 三 章 的 “共同 目的 ( Allfor one ) "中 ， 我 们 介绍 了 unary(..)， 它 限制 函数 仅 
仅 接 受 一 个 参数 ， 不 论 多 少 个 参数 被 传 入 。 


回顾 第 三 章 关 于 把 parseInt() 的 参数 数量 限制 为 1， 从 而 使 之 成 为 可 被 安全 使 用 的 


mapperFn() 的 例子 


map( ["1","2","3"], unary( parseInt ) ); 
IE2 3 


Javascript 提供 了 内 置 的 数组 操作 方法 map(..) ， 这 个 方法 使 得 列表 中 的 链 式 操作 更 为 便 
利 0 


注意 : Javascript 数组 中 的 原型 中 定义 的 操作 ( map(..) 、filter(..) 和 reduce(..) ) 的 最 

后 一 个 可 选 参 数 可 以 被 用 于 绑 定 “this” 到 当前 函数 。 我 们 在 第 二 章 中 曾经 讨论 过 “什么 是 
this ? ”， 以 及 在 函数 式 编程 的 最 佳 实践 中 应 该 避免 使 用 this 。 基 于 这 个 原因 ， 在 这 章 中 的 示 
例 中 ， 我 们 不 采用 this 绑 定 功能 。 


除了 明显 的 T0090 ， 你 可 以 对 列表 中 的 这 些 值 类 型 进行 操作 。 我 们 可 以 采用 
map(.,) 方法 来 通过 函数 列表 转换 得 到 这 些 函 数 返回 的 值 ， 示 例 代 码 如 下 


var one = () => 1; 
var two = () => 2; 
var three = () => 3; 


[one,two,three].map( fn => fn() ); 
| 旧 本 2 3 证 


我 们 也 可 以 先 将 函数 放 在 列表 中 ， 然 后 组 合 列表 中 的 每 一 个 函数 ， 最 后 执行 它们 ， 代 码 如 
下 : 


var increment = V => ++V; 
var decrement =V => --v; 


var Square = VvV =>vV * Vv; 
var double =v =>v * 2; 


[increment, decrement, square] 

.map( fn => compose( fn, double ) ) 
.map( fn => fn( 3 ) ); 

2 | sede 


我 们 注意 到 关于 map(..) 的 一 些 有 趣 的 事情 : 我 们 通常 假定 列表 是 从 左 往 右 执行 的 ， 但 
map(..) 没有 这 个 概念 ， 它 确实 不 需要 这 个 次 序 。 每 一 个 转换 应 该 独立 于 其 他 的 转换 。 
映射 普遍 适用 于 并 行 处 理 的 场景 中 ， 尤 其 在 处 理 大 列表 时 可 以 提升 性 能 。 但 是 在 Javascript 
中 ， 我 们 并 没有 看 到 这 样 的 场景 。 因 为 这 里 不 需要 你 传 入 诸如 mapperFn(..) 这 样 的 纯 函 数 ， 
即便 你 应 当 这 样 做 。 如 果 传 入 了 非 纯 函 数 ，JS 在 不 同 的 顺序 中 执行 不 同 的 方法 ， 这 将 很 快 产 
生 大 问题 。 


尽管 从 理论 上 讲 ， 单 个 映射 操作 是 独立 的 ， 但 JS 需要 假定 它们 不 是 。 这 是 令 人 讨厌 的 。 


司 步 Vs 异步 


这 篇 文章 中 讨论 的 列表 操作 都 是 同步 地 操作 一 组 已 经 存在 的 值 组 成 的 列表 ， map(..) 在 这 
被 看 作 是 急切 的 操作 。 但 另外 一 种 思 he 
元 素 加 入 到 列表 中 时 执行 。 


想象 一 下 这 样 的 场景 : 


var newArr = arr.map(); 


arr.addEventListener( "value", multiplyBy3 ); 


现在 ， 任 何 时 候 ， 当 一 个 值 如 入 到 arr 中 的 时 候 ，multiplyBy3(..) 事件 处 理 器 (映射 函 
数 ) 将 加 入 的 值 当 参数 执行 ， 将 转换 后 的 结果 加 入 到 newArr 。 


我 们 建议 ， 数 组 以 及 在 数组 上 应 用 的 数组 操作 都 是 迫切 的 同步 的 ， 然 而 ， 这 些 相同 的 操作 也 
可 以 应 用 在 一 直接 受 新 值 的 "惰性 列表 ”( 即 流 ) 上 。 我 们 将 在 第 10 章 中 深入 讨论 它 。 


映射 VS 遍历 


有 些 人 提倡 在 迭代 的 时 候 采 用 map(..) 替代 forEach(..) ， 它 本 质 上 不 会 去 触 碰 接 受到 的 
值 ， 但 仍 有 可 能 产生 副作用 : 


L245 

.map( function mapperFn(v){ 
console.log( v ); // 副作用 ! 
return Vv,; 


} ) 


这 种 技术 似乎 非常 有 用 的 原因 是 map(..) 返回 数组 ， 这 样 你 可 以 在 它 之 后 继续 链 式 执行 更 多 
的 操作 。 而 forEach(..) 返回 的 的 值 是 undefined 。 然 而 ， 我 认为 你 应 当 避 免 采 用 这 种 方式 
使 用 map(..) ， 因 为 这 里 明显 的 以 非 函 数 式 编程 的 方式 使 用 核心 的 函数 式 编程 操作 ， 将 引起 
巨大 的 困惑 。 


你 应 该 听 过 一 名 老话 ， 用 合适 的 工具 做 合适 的 事 ， 对 吗 ? 狂 子 裔 人 钉子， 螺丝刀 拧 螺 丝 等 等 。 
这 里 有 些 细微 的 不 同 : 采用 恰当 的 方式 使 用 合适 的 工具 。 


锤子 是 挥动 手 敲 的 ， 如 果 你 尝试 采用 嘴 去 钉 钉 子 ， 效 率 会 大 打折 扣 。 map(..) 是 用 来 映射 什 
的 ， 而 不 是 带 来 副作用 。 
一 个 词 : 郊 子 


在 这 本 书 中 ， 我 们 尽 可 能 避免 使 用 人 为 创造 的 函数 式 编程 术语 。 我 们 有 时 候 会 使 用 官方 术 
语 ， 但 在 大 多 数 时 候 ， 采 用 日 常用 语 来 描述 更 加 通俗 易 懂 。 


这 里 我 将 被 一 个 可 能 会 引起 丽 慌 的 词 : 函 子 来 短暂 地 打 断 这 种 通俗 多 懂 的 模式 。 这 里 之 所 以 
要 讨论 函 子 的 原因 是 我 们 已 经 了 解 了 它 是 干什么 的 ， 并 且 这 个 词 在 函数 式 编程 文献 中 被 大 量 
使 用 。 你 不 会 被 这 个 词 吓 到 而 带 来 副作用 。 


函 子 是 采用 运 莫 函 数 有 效用 操作 的 值 。 


如 果 问 题 中 的 值 是 复合 的 ， 意 味 着 它 是 由 单个 值 组 成 ， 就 像 数组 中 的 情况 一 样 。 例 如 ， 函 子 


在 每 个 单独 的 值 上 执行 操作 函数 。 函 子 实用 函数 创建 的 新 值 是 所 有 单个 操作 函数 执行 的 结果 
的 组 合 。 


这 就 是 用 map(..) 来 描述 我 们 所 看 到 东西 的 一 种 奇特 方式 。 map(..) 函数 采用 关联 值 ( 数 
组 ) 和 映射 函数 (操作 函数 ) ， 并 为 数组 中 的 每 一 个 独立 元 素 执行 映射 函数 。 最 后 ， 它 返回 
由 所 有 新 映射 值 组 成 的 新 数组 。 


另 一 个 例子 : 字符 串 函 子 是 一 个 字符 人 
符 上 执行 某 些 函数 扬 作 ， 返 回 包含 处 理 过 的 字符 的 字符 串 。 参 考 如 下 非常 刻意 的 例子 


function uppercaseLetter(ce) { 


var code = c.charCodeAt( 0 ); 


// 小 写字 母 ? 

If (code >= 97 && code <= 122) { 
// 转换 为 大 写 ! 
code = code - 32，; 


} 


return String.fromCharCode( code ); 


} 
function stringMap(mapperFn,str) { 
return [...str]j.map( mapperFn ).join( "" ); 
} 
stringMap( uppercaseLetter, "Hello World!™" ); 


A 
// 你 好 世人 外 ! 


stringMap(. A a 芳子 。 你 可 以 定义 一 个 映射 函数 用 于 任何 数据 类 型 。 只 要 实 


用 六 数 满足 这 些 规则 ， 该 数据 结构 就 是 一 个 济 子 。 
过 滤器 


想象 一 下 ， 我 带 着 空 篮 子 去 违 食品 杂货 店 的 水 果 区 。 这 里 有 很 多 水 果 〈 革 果 、 橙 子 和 香 
蕉 ) Se J 能 多 的 水 果 ， 但 是 我 站 的 更 喜欢 圆 形 的 水 果 (苹果 和 杠 


子 ) 。 因 此 我 逐 选 每 一 个 水 果 ， 然 后 带 着 装 满 革 果 和 橙子 的 篮子 离开 。 
我 们 将 这 个 筛选 的 过 程 称 为 “过 滤 ”。 将 这 次 购物 描述 为 从 空 篮子 开始 ， 然 后 只 过 滤 (挑选 


含 ) We 或 者 从 所 有 的 水 果 中 过 滤 掉 〈 跳 过 ， 不 包括 ) 香蕉 。 ee 
自然 ? 


如 果 你 在 一 锅 水 里 面 做 意大利 面条 ， 然 后 将 这 锅 面 条 倒 入 滤 网 (过 滤 ) 中 ， 
利 面条 ， 还 是 过 et 水 ? 如 果 你 将 咖啡 渣 放 入 过 滤器 中 ， 然 后 泡 一 杯 咖啡 ， 你 是 
滤 到 了 杯子 里 ， 还 是 说 将 咖啡 潭 过 滤 掉 ? 


你 有 没有 发 现 过 滤 的 结果 取决 于 你 想 要 把 什么 保留 在 过 滤器 中 ， 还 是 说 用 过 滤器 将 其 过 滤 出 
去 ? 


么 在 航空 de 定 过 滤 选 项 呢 ? 你 是 按照 你 的 标准 过 滤 结 果 ， 还 是 将 不 符合 
滤 掉 ? 仔细 想 想 ， 这 个 例子 也 许 和 前 面 有 不 相同 的 语意 。 


取决 于 你 的 想法 ， 过 滤 是 排除 的 或 者 保留 的 ， 这 种 概念 上 的 融合 ， 使 其 难以 理解 。 


我 认为 最 通常 的 理解 过 滤 (在 编程 之 外 ) 是 别 除 掉 不 需要 的 成 员 。 不幸 的 是 ， 在 程序 中 我 们 
基本 上 将 这 个 语意 倒转 为 更 像 是 过 滤 需 要 的 成 员 。 


列表 的 filter(..) 操作 采用 一 个 函数 确定 每 一 项 在 新 数组 中 是 保留 还 是 别 除 。 这 个 函数 返 
回 true 将 保留 这 一 项 ， 返 回 false 将 别 除 这 一 项 。 这 种 返回 true / false 来 做 决定 的 遂 
数 有 一 个 特别 的 称谓 : 谓词 函数 。 


如 果 你 认为 true 是 积极 的 信号 ， filter(..) 的 定义 是 你 是 "保留 "一 个 值 ， 而 不 是 “抛弃 "一 
个 值 。 


如 果 filter(..) 被 用 于 别 除 操作 ， 你 需要 转动 你 的 脑子 ， 积 极 的 返回 false 发 出 排除 的 信 
号 ， 并且 被 动 的 返回 true 来 让 一 个 值 通过 过 滤器 。 


这 种 语意 上 不 匹配 的 原 因 是 你 会 将 这 个 函数 命名 为 predicateFn(..) ， 这 对 于 代码 的 可 读 性 有 
意义 ， 我 们 很 快 会 讨论 这 一 点 。 


下 图 很 形象 的 介绍 了 列表 间 的 filter(..) 操作 : 




















实现 filter(..) 的 代码 如 下 : 


Functaom fulter(predrneateensar ee 
var newList = []; 


for (let idx = 0; idx < arr.length; idx++) { 


if (predicateFn( arr[idx], idx, arr )) { 
newList.push( arr[idx] ); 


return newList; 


注意 ， 就 像 之 前 的 mapperFn(..) ? predicateFn(..) 不 仅仅 传 入 了 值 ， 还 传 入 了 idx 和 
arr 。 如 果 有 必要 ， 也 可 以 采用 unary(..) 来 限制 它 的 形 参 。 


正如 map(..) ，filter(..) 也 是 JS 数组 内 置 支持 的 实用 函数 。 
我 们 将 谓词 函数 定义 这 样 : 
var whatToCallIt =V=>V%2== 1; 


这 个 函数 采用 v%2 == 1 来 返回 true 或 false ° 这 里 的 效果 是 值 为 奇数 时 返回 
true ， 值 为 偶数 时 返回 false 。 这 样 ， 我 们 该 如 何 命名 这 个 函数 ?一 个 很 自然 的 名 字 可 能 


> 


元 ， 


var isodd =V =>v%2 == 1; 


考虑 一 下 如 何在 你 的 代码 中 使 用 isodd(.,) 来 做 简单 的 值 检查 : 


Var midIdx; 


If (isodd( list.length )) { 
midIdx = (list.length + 1) / 2; 


} 
else { 

midIdx = list.length / 2; 
} 


有 感觉 了 ， 对 吧 ? 让 我 们 采用 内 置 的 数组 的 filter(..) 来 对 一 组 值 做 筛选 : 


[1,2,3,4,5].filter( isodd ); 
7 ee 


如 果 让 你 描述 [1,3,5] 这 个 结果 ， 你 是 说 “我 将 偶数 过 滤 掉 了 ”， 还 是 说 “我 做 了 奇数 的 筛选 ” 
? 我 认为 前 者 是 更 自然 的 描述 。 但 后 者 的 代码 可 读 性 更 好 。 阅 读 代码 几乎 是 逐 字 的 ， 这 样 我 
们 “过 滤 的 每 一 个 数字 都 是 奇数 "。 


我 个 人 觉得 这 语意 混乱 。 对 于 经 验 丰 富 的 开发 者 来 说 ， 这 里 毫 无 疑问 有 大 量 的 先例 。 但 是 对 
于 一 个 新 手 来 说 ， 这 个 逻辑 表达 看 上 去 不 采用 双重 否定 不 好 表达 ， 换 和 句 话说 ， 采 用 双重 否定 
来 表达 比较 好 。 


为 了 便 以 理解 ， 我 们 可 以 将 这 个 函数 从 isodd(..) 重 命 名 为 isEven(..) 
Var isEven =V=>V%2== 1; 


[L723 4 5 itilter( seEven), 


/el 

耶 ， 但 是 这 个 函数 名 变 得 无 意义 ， 下 面 的 示例 中 ， 传 入 的 偶数 ， 确 返回 了 false 
isEven( 2 ); // false 

喷 |! 


回顾 在 第 3 章 中 的 "No Points"， 我 们 定义 not(..) 操作 来 反 转 谓词 函数 ， 代 码 如 下 : 
Var isEven = not( isOdd ); 


isEven( 2 ); /tnue 


但 在 前 面 定 义 的 filter(..) 方式 中 ， 无 法 使 用 这 个 isEven(..) ， 因 为 它 的 逻辑 已 经 反 转 
了 。 我 们 将 以 偶数 结束 ， 而 不 是 奇数 ， 我 们 需要 这 么 做 : 


[1,2,3,4,5].filter( not( isEven ) ); 
se ks ed 


这 样 完全 违背 了 我 们 的 初 束 ， 所 以 我 们 不 要 这 这 样 ， 我 们 转 一 圈 又 回来 了 。 


了 消除 这 些 困惑 ， 我 们 定义 filterout(..) 函数 来 执行 过 滤 掉 那些 值 ， 而 实际 上 其 内 部 执 
行 和 否定 的 谓词 检查 。 这 样 ， 我 们 将 已 经 定义 的 filter(..) 设置 别名 为 filterIn(..) 。 


varefalterrn = Filter 
Tunctionm filteroOut(predicateFnyarr) { 


return filterIn( not( predicateFn ), arr ); 


} 


现在 ， 我 们 可 以 在 任意 过 滤 操 作 中 ， 使 用 语意 化 的 过 滤器 ， 代 码 如 下 所 示 : 


isodd( 3 ); A/ Ernue 
isEven( 2 ); /A true 
filterIn( isOdd, [1,2,3,4,5] ); J | el a] 
filterout( isEven, [1,2,3,4,5] ); 7 5 


我 认为 采用 filterIn(..) 和 filterout(..) (在 Ramda 中 称 之 为 reject(..) ) 会 让 代码 
的 可 读 性 比 仅 仅 采用 filter(..) 更 好 。 


Reduce 


map(..) 和 filter(..) 都 会 产生 新 的 数组 ， 而 第 三 种 操作 ( reduce(..) ) 则 是 典型 地 将 列 
表 中 的 值 合并 (或 减少 ) 到 单个 值 ( 非 列 表 ) ， 比 如 数字 或 者 字符 串 。 本 章 后 续 会 探讨 如 何 
采用 高 级 的 方式 使 用 reduce(..) 。 reduce(..) 是 函数 式 编程 中 的 最 重要 的 实用 函数 之 一 。 
就 像 瑞士 军刀 一 样 ， 具 有 丰富 的 用 途 。 


组 合 或 缩减 被 抽象 的 定义 为 将 两 个 值 转换 成 一 个 值 。 有 些 函 数 式 编程 文献 将 其 称 为 " 折 枉 "， 就 
像 你 将 两 个 值 合并 到 一 个 值 。 我 认为 这 对 于 可 视 化 是 很 有 帮助 的 。 

就 像 映射 和 过 滤 ， 合 并 的 方式 完全 取决 于 你 ， 一 般 取决 于 列表 中 值 的 类 型 。 例 如 ， 数 字 通 党 
采用 算术 计算 合并 ， 字 符 串 采用 拼接 的 方式 合并 ， 函 数 采 用 组 合 调 用 来 合并 。 


有 时 候 ? 缩减 操作 会 指 定 一 个 initialvalue ， 然 后 将 这 个 初始 值 和 列表 的 第 一 个 元 素 合并 8 
然后 逐一 和 列表 中 剩余 的 元 素 合并 。 如 下 图 所 示 : 





你 也 可 以 去 掉 上 述 的 initialValue ， 直接 将 第 一 个 列表 元 素 当 做 initialValue ， 然后 和 列 
表 中 的 第 二 个 元 素 合 并 ， 如 下 图 所 示 : 





警告 : 在 JavaScript 中 ， 如 果 在 缩减 操作 的 列表 中 一 个 值 都 没有 (在 数组 中 ， 或 没有 指定 
initialvalue ) ， 将 会 抛 出 异常 。 一 个 缩减 操作 的 列表 有 可 能 为 空 的 时 候 ， 需 要 小 心 采 用 不 
指定 initialvalue 的 方式 。 


传递 给 reduce(..) 执行 缩减 操作 的 函数 执行 一 般 称 为 缩减 器 。 缩 减 器 和 之 前 介绍 的 映射 和 
谓词 函数 有 不 同 的 特征 。 缩 减 器 主要 接受 当前 的 缩减 结果 和 下 一 个 值 来 做 缩减 操作 。 每 一 步 
缩减 的 当前 结果 通常 称 为 累加 器 。 


例如 ， 对 5、10、15 采用 初始 值 为 3 执行 乘 的 缩减 操作 : 


2. 15 * 10 = 150 


3. 150 * 15 = 2250 


在 JavaScript 中 采用 内 置 的 reduce(..) 方法 来 表达 列表 的 缩减 操作 : 


[5,10,15].reduce( (product,v) => product * v, 3 ); 
/1 2250 


我 们 可 以 采用 下 面 的 方式 实现 reduce(..) 


function reduce(reducerFn,initialValue,arr) { 
Var acc, startIdx; 


if (arguments.Jength == 3) { 
acc = initialValue; 
StartIdx = 0; 

} 

else if (arr.length > 0) { 
acc = arr[0]; 
StartIdx = 1; 


} 
else { 

throwmew errorG@ Must providerat least one valuen 0)» 
} 


for (let idx = startIidx; idx < arr.length; idx++) { 
acc = reducerFn( acc, arr[idx], idx, arr ); 


returniace, 


就 像 map(..) 和 filter(..) ， 缩 减 函 数 也 传递 不 常用 的 idx 和 arr 形 参 ， 以 防 缩减 操作 
需要 。 我 不 会 经 常用 到 它们 ， 但 我 觉得 保留 它们 是 明智 的 。 


在 第 4 章 中 ， 我 们 讨论 了 compose(..) 实用 函数 ， 和 展示 了 用 reduce(..) 来 实现 的 例子 : 


function compose(...fns) { 
return function composed(result){ 
returnnifnssreyersel()RreducedftunctIonmureduucemresuue fn){ 
return fn( result ); 
} ” result ); 
}; 


基于 不 同 的 组 合 ， 为 了 说 明 reduce(..) ， 可 以 认为 缩减 器 将 函数 从 左 到 右 组 合 (就 像 
pipe(..) 做 的 事情 ) 。 在 列表 中 这 样 使 用 : 


var pipeReducer = (composedFn,fn) => pipe( composedFn, fn ); 


var fn = 
[3 17. 64] 
map( v => n =>v*n) 
.reduce( pipeReducer ); 


fn( 9 ); // 11016 (9*3*17*6* 4) 
fn( 10 ); 17 2240 (TO 7 0 ) 


不 幸 的 是 ， pipeReducer(..) 是 非 点 自由 的 〈 见 第 3 章 中 的 “无形 参 ") ， 但 我 们 不 能 仅仅 以 缩 
减 器 本 身 来 传递 pipe(..) ， 因 为 它 是 可 变 的 ; 传递 给 reduce(..) 额外 的 参数 ( idx 和 
arr ) 会 产生 问题 。 


前 面 ， 我 们 讨论 采用 unary(..) 来 限制 mapperFn(..) 或 predicateFn(..) 仅 采 用 一 个 参 
数 。 binary(..) 做 了 类 似 的 事情 ， 但 在 reducerFn(..) 中 限定 两 个 参数 : 


var binary = 
fn => 
(arg1,arg2) => 
fn( arg1，arg2 ); 


采用 pinary(..) ， 相 比 之 前 的 示例 有 一 些 简洁 : 


var pipeReducer = binary( pipe ); 


var fn = 
[SL 
‘map( Vv => n =>v*n) 
.reduce( pipeReducer ); 


fn( 9 ); // 11016 (9*3*17*6*4) 
fn( 10 ); pr MN ET 证 本 5 


不 像 map(..) 和 filter(..) ， 对 传 入 数组 的 次 序 没 有 要 求 。 reduce(..) 明确 要 采用 从 左 到 
右 的 处 理 方 式 。 如 果 你 想 从 右 到 左 缩减 ，JavaScript 提供 了 reduceRight(..) 函数 ， 它 和 
reduce(..) 的 行为 出 了 次 序 不 一 样 外 ， 其 他 都 相同 。 


var hyphenate = (str,char) => Str + "-" + char; 


Bab creduce( hyphnenaten), 
// "a-b-c" 


["a","b","c"].reduceRight( hyphenate ); 
// "c-b-a" 


reduce(..) 采用 从 左 到 右 的 方式 工作 ， 很 自然 的 联想 到 组 合 函 数 中 的 
pipe(..) 。 reduceRight(,.) 从 右 往 左 的 方式 能 自然 的 执行 compose(..) 。 因 此 ， 我 们 重新 
采用 reduceRight(..) 实现 compose(..) 


function composel(w fns) ne 
return function composed(result){ 
return fns.reduceRight( function reducer(result,fn){ 
return fn( result ); 
Fr result),; 


}; 


这 样 ， 我 们 不 需要 执行 fns.,reverse() ;我们 只 需要 从 男 一 个 方向 执 和 减 操作 ! 


Map 也 十 Reduce 


map(..) 操作 本 质 来 说 是 迭代 ， 因 此， 它 也 可 以 看 作 是 〈 reduce(..) ) 操作 。 这 个 技巧 是 将 
reduce(..) 的 initialvalue 看 成 它 自 身 的 空 数组 。 在 这 种 + 月 青 况 下 ， 缩 减 操作 的 结果 是 另 一 
个 列表 ! 


var double =vV =>v * 2; 


[1,2,3,4,5] .map( double ); 
// [2,4,6,8,10] 


[L237 4 5 reducel 
(list,v) => ( 
list.push( double( v ) )， 
list 
),[] 
); 
ZA 10] 


注意 : 我 们 坎 骗 了 这 个 缩减 器 ， 并 允许 采用 1ist.push(..) 去 改变 传 入 的 列表 所 带 来 的 副 作 
用 。 一 般 来 说 ， 这 并 不 是 一 个 好 主意 ， 但 我 们 清楚 创建 和 传 入 [] 列表 ， 这 样 就 不 那么 危险 
了 。 创 建 一 个 新 的 列表 ， 并 将 val 合并 到 这 个 列表 的 最 后 面 。 这 样 更 有 条 理 ， 并 且 性 能 开销 较 
小 。 我 们 将 在 附录 A 中 讨论 这 种 坎 骗 。 


通过 reduce(..) 实现 map(..) ， 并 不 是 表面 上 的 明显 的 步 又， 甚至 是 一 种 改善 。 然 而 ， 这 
种 能 力 对 于 理解 更 高 级 的 技术 是 至 关 重 要 的 ， 如 在 附录 A 中 的 “转换 ”。 


Filter 也 是 Reduce 
就 像 通过 reduce(..) 实现 map(..) 一 样 ， 也 可 以 使 用 它 实 现 filter(..) 


var isodd =V =>V%2== 1; 


[1,2,3,4,5|]":filter( 1is0dd ); 
图标 3 号 5j 


[1,2,3,4,5 reducel( 
(list,v) => ( 
isOdd( v ) ? list.push( v ) : undefined, 
list 
),[] 


人 | 医治 SR 下 


注意 : 这 里 有 更 加 不 纯 的 缩减 器 欺骗 。 不 采用 1list.push(..) ， 我 们 也 可 以 采用 
list.concat(..) 并 返回 合并 后 的 新 列表 。 我 们 将 在 附录 人 中 继续 介绍 这 个 欺骗 。 


现在 ， 我 们 对 这 些 基础 的 列表 操作 map(..) 、filter(.,) 和 reduce(..) 感到 比较 舒服 。 让 
我 们 看 看 一 些 更 复杂 的 操作 ， 这 些 操作 在 某 些 场合 下 很 有 用 。 这 些 常用 的 实用 函数 存在 于 许 
多 函数 式 编程 的 类 库 中 。 


去 重 


选 列 表 中 的 元 素 ， 仅 仅 保留 唯一 的 值 。 基 于 indexof(..) 函数 查找 ( 它 采 用 === 严格 等 
于 表达 式 ) 


var unique = 
arr => 
arr.filter( 
(v,idx) => 
arr.indexof( v ) == idx 


实现 的 原理 是 ， 当 从 堪 往 右 筛选 元 素 时 ， 列 表 项 的 idx 位 置 和 indexof(..) 找到 的 位 置 相 
等 时 ， 表 明 该 列表 项 第 一 次 出 现 ， 在 这 种 情况 下 ， 将 列表 项 加 入 到 新 数组 中 。 


另 一 种 实现 unique(..) 的 方式 是 遍历 arr ， 当 列表 项 不 能 在 新 列表 中 找到 时 ， 将 其 插入 到 
新 的 列表 中 。 这 样 可 以 采用 reduce(..) 来 实现 : 


var unique = 
arr => 
arr.reduce( 
(list,v) => 
list.indexof( v ) == -1 ? 
( list.push( v ), list ) : list 
, [] ); 


注意 : 这 里 还 有 很 多 其 他 的 方式 实现 这 个 去 重 算法 ， 比 如 循环 ， 并 且 其 中 不 少 还 更 高 效 ， 实 
现 方式 更 聪明 。 然 而 ， 这 两 种 方式 的 优点 是 ， 它 们 使 用 了 内 建 的 列表 操作 ， 它 们 能 更 方便 的 
和 其 他 列表 操作 链 式 /组 合 调用 。 我 们 会 在 本 章 的 后 面 进一步 讨论 这 些 。 


unique(..) 令 人 满意 地 产生 去 重 后 的 新 列表 : 


Unagque le A SL 9 2 OO 
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扁平 化 
大 多 数 时 候 ， 你 看 到 的 数组 的 列表 项 不 是 扁平 的 ， 很 多 时 候 ， 数 组 获 套 了 数组 ， 例 如 : 


[ [1, 2, 3], 4, 5, [6, [7?, 8]]] 


如 果 你 想 将 其 转化 成 下 面 的 形式 : 


[ 1, 2, 3, 4, 5, 6, 7, 8] 


我 们 寻找 的 这 个 操作 通常 称 为 flatten(..) 。 它 可 以 采用 如 同 瑞士 军刀 般 的 reduce(..) 实 
现 : 


var flatten = 
arr => 
arr.reduce( 
(list,v) => 
list.concat( Array.isArray( v ) ? flatten( v ) :v) 


记号 


注意 : 这 种 处 理 岩 套 列表 的 实现 方式 依赖 于 递归 ， 我 们 将 在 后 面 的 章节 中 进一步 讨论 。 


在 诅 套 数组 (任意 诅 套 层次 ) 中 使 用 flatten(..) 


flatten(【[[6,1],2,3, [4, [5,6,7], [8, [9, [19, [11,12],13]]]]] ) 
Zo ee) Me) ee] 


也 许 你 会 限制 递归 的 层次 到 指定 的 层次 。 我 们 可 以 通过 增加 额外 的 depth 形 参 来 实现 : 


var flatten = 
(arr,depth = Infinity) => 
arr.reduce( 


(list,v) => 
list.concat( 
depth > 9 ? 
(depth > 1 && Array.isArray( v ) ? 
flatten( v, depth - 1 ): 
V 
ya 
[v] 
) 
2 


不 同 层级 扁平 化 的 结果 如 下 所 示 : 


flatten( [[9,1]，2,3,[4, [56,7]，[8, [9,[19, [11,12],13]]]]]，9 ); 
// [[9,1],2,3,[4,[5,6,7],[8,19,[10,1[11,12],13]]]]] 


flatten( [[0,1],2,3,1[4,[5,6,7],[8,t9,[10,[11,12],13]]]]], 1 ); 
// [90,1,2,3,4,[5,6,7],[8,[9,[10,1[11,12],13]]]] 


flatten( [[0,1],2,3,1[4,[5,6,7],[8,[9,[10,[11,12],13]]]]], 2 ); 
yo op op ean ve Le op ry eae 


flatten( [[9,1],2,3,[4,[5,6,7],[8,[9,[10,[11,12],13]]]]], 3 ); 
pO De eh pe Tne |e ele 


flatten( [[9,1],2,3,1[4,[5,6,7], [8,[9,[10,1[11,12],13]]]1]], 4 ); 
po od ee 7 Le 


flatten( [[9,1],2,3,[4,[5,6,7],[8, [9,[16,[11,12],13]]]]]，5 ); 
po Om 2 ei Ce ee lo a ey 


映射 ， 然 后 扁平 化 


flatten(..) 的 常用 用 法 之 一 是 当 你 映射 一 组 元 素 列表 ， 并 且 将 每 一 项 值 从 原来 的 值 转换 为 
数组 。 例 如 : 


var firstNames = [ 
{ name: "Jonathan", variations: [ "John", "Jon", "Jonny" ] }, 
{ name: "Stephanie", variations: [ "Steph", "Stephy" ] }, 
{ name: "Frederick", variations: [ "Fred", "Freddy" ] } 


J]; 


firstNames 

.map( entry => [entry.name].concat( entry.variations ) ); 
/lionathnan Jonm ee dom Jon Stephanse nm Stenh Stenhy le 
VA ["Frederick","Fred", "Freddy"] | 


返回 的 值 是 二 维 数组 ， 这 样 也 许 给 处 理 带 来 一 些 不 便 。 如 果 我 们 想得到 所 有 名 字 的 一 维 数 
组 ， 我 们 可 以 对 这 个 结果 执行 flatten(..) 


flatten( 
firstNames 
.map( entry => [entry.name].concat( entry.variations ) ) 


); 
/ivyonatham ee Jonn Jon ee Jonny a Stenpnanie Stephnu eStephy Eredermnek 
// "Fred","Freddy"] 


除了 稍 显 哆 嗪 之 外 ， 将 map(..) 和 flatten(..) 采用 独立 的 步骤 的 最 主要 的 缺陷 是 关于 性 

能 方面 。 它 会 处 理 列表 两 次 。 

函数 式 编程 的 类 库 中 ， 通 常会 定义 一 个 flatMap(..) (通常 命名 为 chain(..) ) 函数 。 这 个 
函数 将 映射 和 之 后 的 扁平 化 的 操作 组 合 起 来 。 为 了 连贯 性 和 组 合 (通过 闭 包 ) 的 简易 

性 ，flatMap(..) / chain(..) 实用 遂 数 的 形 参 mapperFn, arr 顺序 通常 和 我 们 之 前 看 到 的 

独立 的 manpi() 、 frilter(®) 和 reduce( sg 一 致 。 


flatMap( entry => [entry.namel].concat( entry.variations ), firstNames ); 
// ["Jonathan", "John","Jon", "Jonny","Stephanie", "Steph", "Stephy", "Frederick", 
A Eredm eneddy 


幼稚 的 采用 独立 的 两 步 来 实现 flatMap(..) 


var flatMap = 
(mapperFn,arr) => 
flatten( arr.map( mapperFn ), 1 ); 


我 们 将 扁平 化 的 层级 指定 为 1 ， 因 为 通常 flatMap(..) 的 定义 是 扁平 化 第 一 级 。 


尽管 这 种 实现 方式 依旧 会 处 理 列表 两 次 ， 带 来 了 不 好 的 性 能 。 但 我 们 可 以 将 这 些 操作 采 
reduce(..) 手动 合并 : 


Var flatMap = 
(mapperFn,arr) => 
arr.reduce( 
(list,v) => 
list.concat( mapperFn( v ) ) 


-= Ls 


现在 flatMap(..) 方法 带 来 了 便利 性 和 性 能 。 有 时 你 可 能 需要 其 他 操作 ， 比 如 和 
filter(..) 混合 使 用 。 这 样 的 话 ， 将 map(..) 和 flatten(..) 独立 开 来 始终 更 加 合适 。 


Zip 


到 目前 为 止 ， 我 们 介绍 的 列 As 。 但 是 在 某 些 情况 下 ， 需 要 操作 多 个 列 
表 。 有 一 个 闻名 的 操作 : 交替 选择 两 个 输入 的 列表 中 的 值 ， 并 将 得 到 的 值 组 成 子 列 表 。 这 个 
操作 被 称 之 为 zip(..) 


zip( LD 7 [2, 4,6,8,10] Di 
A/ [ [1,2], [3,4], [5,6], [7,8], [9,190] ] 


选择 值 1 和 2 到 子 列表 [1,2] ， 然 后 选择 3 和 4 到 子 列表 [3,4] ， 然 后 逐一 选 
择 。 zip(..) 被 定义 为 将 两 个 列表 中 的 值 挑选 出 来 。 如 果 两 个 列表 的 的 元 素 的 个 数 不 一 致 ， 
这 个 选择 会 持续 到 较 短 的 数组 末尾 时 结束 ， 另 一 个 数组 中 多 余 的 元 素 会 被 忽略 。 


一 种 zip(..) 的 实现 : 


unetron zo (a an 
var zipped = []; 
arri = arri.slice(); 
arr2 = arr2.slice(); 


while (arri.length > 0 && arr2.length > 0) { 
zipped.push( [ arr1.shift(), arr2.shift() ] ); 
} 


return zipped; 


采用 arri.slice() 和 arr2.slice() 可 以 确保 zip(..) 是 纯 的 ， 不 会 因为 接受 到 到 数组 引 
用 造成 副作用 。 


注意 : es 。 这 里 有 一 个 命令 式 的 _ while 循环 并 且 
es shift() 和 push(..) 改变 列表 。 在 本 书 前 面 ， Re ne do camel ( 通 

是 为 了 性 能 ) 是 有 道 pp pn 包含 在 这 个 函数 内 部 。 这 种 实现 是 安 
We 9 


合并 
采用 插入 每 个 列表 中 的 值 的 方式 合并 两 个 列表 ， 如 下 所 示 : 


mergeLists( [3,.5,7.90], 12.4 6.8, 1000); 
A ll 2 3 A 5 0 7 RQ 


可 能 不 是 那么 明显 ， 但 其 结果 看 上 去 和 采用 flatten(..) 和 zip(..) 组 合 相似 ， 代 码 如 


zip( [1,3,5,7,9], [2,4,6,8,10] ); 
A 2 0d 


fraeten( 2 34 el el [9 L100) 
V7 AN oo 


A/ 
TiattenG zap ll 3 5 7 9 2 4 .6.8 TO) )» 
人 [RS 


回顾 zip(..) ， 他 选择 较 短 列 表 的 最 后 一 个 值 ， 忽 视 掉 剩余 的 值 ; 而 合并 两 个 数组 会 很 自然 
地 保留 这 些 额 外 的 列表 值 。 并 且 flatten(..) 采用 递归 处 理 肯 套 列表 ， 但 你 可 能 只 期 望 较 浅 
地 合并 列表 ， 保 留 诅 套 的 子 列表 。 


这 样 ， 让 我 们 定义 一 个 更 符合 我 们 期 望 的 mergeLists(..) 


Funcetaon mengelrsts(arri arr2 
var merged = []; 
arri = arri1.slice(); 
arr2 = arr2.slice(); 


while (arri.length > 0 || arr2.length > 0) { 
if (arri.length > 0) { 
merged.push( arr1.shift() ); 
} 
if (arr2.length > 0) { 
merged.push( arr2.shift() ); 
} 
} 


return merged; 


注意 : 许多 函数 式 编程 类 库 并 不 会 定义 mergeLists(..) ， 反 而 会 定义 merge(..) 方法 来 合 
并 两 个 对 象 的 属性 。 这 种 merge(..) 返回 的 结果 和 我 们 的 mergeLists(..) 不 同 。 


另外 ， 这 里 有 一 


上 鉴 
膏 
入 


采用 缩减 器 实现 合并 列表 的 方法 : 


// 来 自 @rwaldron 
var mergeReducer = 
(merged,v,idx) => 
(merged.splice( idx * 2, 0, Vv ), merged); 


// 来 自 @WebReflection 
var mergeReducer = 
(merged,v,idx) => 
merged 
ESTITCEeO dx 2 
.Concat( v, merged.slice( idx * 2 ) ); 


采用 mergeReducer(..) 


| 
.reduce( mergeReducer, [2,4,6,8,10] ); 
7 ee re lo 


提示 : 我 们 将 在 本 章 后 面 使 用 mergeReducer(..) 这 个 技巧 。 


方法 VS 独立 


对 于 函数 式 编程 者 来 说 ， 普 遍 感 到 失望 的 原因 是 Javascript 采用 
但 其 中 的 一 些 也 被 作为 独立 函数 提供 了 出 来 。 想 想 在 前 面 的 章 


程 实用 程序 ， 以 及 另 一 些 实用 函数 是 数组 的 原型 方法 ， 就 像 在 这 


你 想 合并 多 个 操作 的 时 候 ， 这 个 问题 的 痛苦 程度 更 加 明显 : 


[2 4] 

.filter( Isodd ) 

.map( double ) 

.reduce( sum, 0 ); ZL 


// 采用 独立 的 方法 ， 
reduce( 
map( 


flten( ll 2 3 451 SOdd 
double 


iy Wl le 


统一 的 策略 处 理 实用 函数 ， 
节 中 的 介绍 的 大 量 的 函数 式 纺 


章 中 看 到 的 那些 。 


两 种 方式 的 API 实现 了 同样 的 功能 。 但 它们 的 风格 完全 不 同 。 很 多 函数 式 编程 者 更 倾向 采用 
后 面 的 方式 ， 但 是 前 者 在 Javascript 中 毫 无 疑问 的 更 常见 。 后 者 特别 地 让 人 不 待 见 之 处 是 采 
用 路 套 调用 。 人 们 更 偏爱 链 式 调用 _ 通常 称 为 流畅 的 AP 风格 ， 这 种 风格 被 jQuery 和 一 些 
工具 采用 这 种 风格 紧凑 简洁 ， 并 且 可 以 采用 声明 式 的 自 上 而 下 的 顺序 阅读 。 





这 种 独立 风格 的 手动 合并 的 视觉 顺序 既 不 是 严格 的 从 左 到 右 ( 自 上 而 下 ) ， 也 不 是 严格 的 从 
右 到 左 ， 而 是 从 里 往外 。 


从 右 往 左 ( 自 下 而 上 ) 这 两 种 风格 自动 组 成 规范 的 阅读 顺序 。 因 此 为 了 探索 这 些 风格 隐藏 的 
差异 ， 让 我 们 特别 的 检查 组 合 。 他 看 上 去 应 当 简 洁 ， 但 这 两 种 情况 都 有 点 槛 坎 。 

链 式 组 合 方法 

这 些 数 组 方法 接收 绝对 的 this 形 参 ， 因 此 尽管 从 外 表 上 看 ， 它 们 不 能 被 当 作 一 元 运算 看 


待 ， 这 会 使 组 合 更 加 刘 砍 。 为 了 应 对 这 些 ， 我 首先 需要 一 个 partial(..) 版 本 的 this 


var partialThis = 
(fn,...presetArgs) => 


// 故意 采用 function 来 为 了 this 缘 定 
function partiallyApplied(...laterArgs)t 

return fn.apply( this, [...presetArgs, ...laterArgs] );，; 
}; 


我 们 也 需要 一 个 特殊 的 compose(..) ， 它 在 上 下 文 链 中 调用 每 一 个 部 分 应 用 的 方法 。 它 的 输 
入 值 ( 即 绝对 的 this) 由 前 一 步 传 入 : 


var composeChainedMethods = 
(...fns) => 
result => 
fns.reduceRight( 
(result, fn) => 
fn.call( result ) 
result 


)» 


一 起 使 用 这 两 个 this 实用 函数 : 


composeChainedMethods( 
partialThis( Array.prototype.reduce, sum, 0 )， 
partialThis( Array.prototype.map, double )， 
partialThis( Array.prototype.filter, isOdd ) 


) 
( [ly27374.5] ET 


注意 : 那 三 个 Array.prototype.XXx 采用 了 内 置 的 Array.prototype.* 方法 ， 这 样 我 们 可 以 
在 数组 中 重复 使 用 它们 。 


独立 组 合 实 用 有 函数 


独立 的 compose(..) ， 组 合 这 些 功能 函数 的 风格 不 需要 所 有 的 这 广泛 令 人 喜欢 的 this 参 
数 。 例 如 ， 我 们 可 以 独立 的 定义 成 这 样 : 


var filter = (arr,predicateFn) => arr.filter( predicateFn ); 
var map = (arr,mapperFn) => arr.map( mapperFn ); 


var reduce = (arr,reducerFn,initialValue) => 
arr.reduce( reducerFn, initialValue ); 


但 是 ， 这 种 特别 的 独立 风格 给 自身 带 来 了 不 便 。 层 级 的 数组 上 下 文 是 第 一 个 形 参 ， 而 不 是 最 
后 一 个 。 因 此 我 们 需要 采用 右 偏 应 用 (right-partial application ) 来 组 合 它们 。 


composel( 
partialRight( reduce, sum, 0 )， 
partialRight( map, double ), 
partialRight( filter, isOdd ) 

) 

(BD ll 2 AD | /7/ 18 


这 就 是 为 何 函 数 式 编程 类 库 通常 定义 .) 、map(..) 和 reduce(..) 交替 采用 最 后 一 
个 形 参 接收 数组 ， 而 不 是 第 一 个 。 它 们 通常 自动 地 柯 理化 实用 函数 : 


var filter = curry( 
(predicateFn,arr) => 
arr.filter( predicateFn ) 


); 


Var map = curry( 
(mapperFn,arr) => 
arr.map( mapperFn ) 


); 
var reduce = curry( 


(reducerFn, initialValue,arr) => 
arr.reduce( reducerFn, initialValue ); 


采用 这 种 方式 定义 实用 函数 ， 组 合流 程 会 显得 更 加 友好 : 


Compose( 
reduce( sum )( 0 )， 
map( double ), 
filter( isOdd ) 


) 
( [1,2,3,4,5] ); TS 


这 种 很 整洁 的 实现 方式 ， 就 是 函数 式 编程 者 喜欢 独立 的 实用 程序 风格 ， 而 不 是 实例 方法 的 原 
。 但 这 种 情况 因 人 而 异 。 


方法 适 配 独 立 


在 前 面 的 filter(..) / map(..) / reduce(..) 的 定义 中 ， 你 可 能 发 现 了 这 三 个 方法 的 共同 
点 : 它们 都 派发 到 相对 应 的 原生 数组 方法 。 因 此 ， 我 们 能 采用 实用 函数 生成 这 些 独 立 适 配 函 
数 吗 ? 当然 可 以 ， 让 我 们 定义 unboundMethod(..) 来 做 这 些 


var unboundMethod = 
(methodName,argCount = 2) => 
CuUrry( 
(...args) => { 
var obj = args.pop(); 


return obj[methodName]( ...args ); 
}, 
argCount 
); 
使 用 这 个 实用 函数 : 


var filter = unboundMethod( "filter", 2 ); 
var map = unboundMethod( "map", 2 ); 
var reduce = unboundMethod( "reduce", 3 ); 


composel( 
reduce( sum )( 0 )， 
map( double )， 
filter( Isodd ) 
) 
( [1,2,3,4,5] ); 8 


注意 : unboundMethod(..) 在 Ramda 中 称 之 为 invoker(..) 。 


独立 函数 适 配 为 方法 


如 果 你 喜欢 仅仅 使 用 数组 方法 (流畅 的 链 式 风格 ) ， 你 有 两 个 选择 : 


1. 采用 额外 的 方法 扩展 内 建 的 Array.prototype 
2， 把 独立 实用 函数 适 配 成 一 个 缩减 函数 ， 并 且 将 其 传递 给 reduce(..) 实例 方法 。 


不 要 采用 第 一 种 扩展 诸如 Array.prototype 的 原生 方法 从 来 不 是 一 个 好 主意 ， 除 非 定 义 一 个 
Array 的 子 类 。 但 是 这 超出 了 这 里 的 讨论 范围 。 为 了 不 鼓励 这 种 不 好 的 习惯 ， 我 们 不 会 进 一 
步 去 探讨 这 种 方式 。 


让 我 们 关注 第 二 种 。 为 了 说 明 这 上 点， 我 们 将 前 面 定 义 的 递归 实现 的 flatten(..) 转换 为 独立 
实用 函数 : 


var flatten 


arr => 
arr.reduce( 
(list,v) => 
list.concat( Array.isArray( v ) ? flatten( v ) :v) 
, [] ); 


让 我 们 将 里 面 的 reducer(..) 函数 抽取 成 独立 的 实用 函数 (并且 调整 它 ， 让 其 独立 于 外 部 的 
flatten(..) 运行 ) 


// 刻意 使 用 具名 函数 用 于 递归 中 的 调用 
function flattenReducer (list /VvV) { 
return list.concat( 
Array.isArray( v ) ? v.reduce( flattenReducer, [] ) : V 


); 


现在 ， 我 们 可 以 在 数组 方法 链 中 通过 reduce(..) 调用 这 个 实用 函数 : 


[ [1, 2, 3], 4, 5, [6, [7?, 8]]] 
.reduce( flattenReducer, [] ) 
A 


查寻 列表 


到 此 为 止 ， 大 部 分 示例 有 点 无 聊 ， 它们 基于 一 列 数 字 或 者 字符 串 ， 让 我 们 讨论 一 些 有 亮点 的 
列表 操作 : 声明 式 地 建 模 一 些 命令 式 语句 。 


看 看 这 个 基本 例子 : 


var getSessionId = partial( prop, "sessId" ); 
var getUserId = partial( prop, "uvuId" ); 


Var session, sessionId, user, userId, orders; 


session = getCurrentSession(); 

If (session != null) sessionId = getSessionId( session ); 
If (sessionId != null) user = lookupUser( sessionId ); 

If (user != null) userId = getUserId( user ); 

If (userId != null) orders = lookupOrders( userId ); 

If (orders != Null) processOrders( orders ); 


首先 ， 我 们 可 以 注意 到 声明 和 和 运行 前 的 一 系列 上 f 语句 确 保 了 由 

getCurrentSession() 、 getSessionId(..) 、 lookupUser(..) 、 getUserId(..) 、 lookupOrder 
s(..) 和 processorders(..) 这 六 个 函数 组 合 调用 时 的 有 效 。 理 想 地 ， 我 们 期 望 摆脱 这 些 变 
量 定义 和 命令 式 的 条 件 。 


不 幸 的 是 在 第 4 章 中 讨论 的 compose(..) / pipe(..) 实用 函数 并 没有 提供 给 一 个 便捷 的 
方式 来 表达 在 这 个 组 合 中 的 != null 条 件 。 让 我 们 定义 一 个 实用 函数 来 解决 这 个 问题 : 


var guard = 
fn => 
arg => 


arg != null ? fn( arg ) : arg; 


这 个 guard(..) 实用 部 数 让 我 们 映射 这 五 个 条 件 确保 函数 : 


[ getSessionId, lookupUser, getUserId, lookupOrders, processOrders | 
.map( guard ) 


这 个 映射 的 结果 是 组 合 的 函数 数组 (事实 上 ， 这 是 个 有 列表 顺序 的 管道 ) 。 我 们 可 以 展开 这 
个 数组 到 pipe(..) ， 但 由 于 我 们 已 经 做 列表 操作 ， 让 我 们 采用 reduce(..) 来 处 理 。 采 用 
getcurrentsession() 返回 的 会 话 值 作 为 初始 值 : 


,reduce( 
(result,nextFn) => nextFn( result ) 
,， getCurrentSession() 


接 下 来 ， 我 们 观察 到 getsessionId(..) 和 getUserId(..) 可 以 看 成 对 应 的 "sessId" 和 
urdw 的 映射 


[ "sessId", "ulId" ].map( propName => partial( prop, propName ) ) 


但 是 为 了 使 用 这 些 ， 我 们 需要 将 另外 三 个 函数 ( lookupUser(..) 、 lookuporders(..) 和 
processorders(..) ) 插入 进来 ， 用 来 获取 上 面 讨论 的 那 五 个 守护 /组合 函数 。 


为 了 实现 插入 ， 我 们 采用 列表 合并 来 模拟 这 些 。 回 顾 本 章 前 面 介绍 的 mergeReducer(..) 


var mergeReducer = 
(merged,v,idx) => 
(merged.splice( idx * 2, 0, Vv ), merged); 


我 们 可 以 采用 reduce(..) (我 们 的 瑞士 军刀 7， 还 记得 吗 ? ) 在 生成 的 getsessionId(..) 和 
getUserId(..) 函数 之 间 的 数组 中 "插入 ”lookupuser(..) ， 通 过 合并 这 两 个 列表 : 


reduce( mergeReducer, [ lookupUser ] ) 


然后 我 们 将 lookuporders(..) 和 processorders(..) 加 入 到 正在 执行 的 函数 数组 末尾 : 


,Concat( lookupOrders, processOrders ) 


总 结 下 ， 生 成 的 五 个 函数 组 成 的 列表 表达 为 : 


[ "sessId", "uld" ].map( propName => partial( prop, propName ) ) 
.reduce( mergeReducer, [ lookupUser ] ) 
.Cconcat( lookupOrders, processOrders ) 


最 后 ， 将 所 有 元 数 合并 到 一 起 ， 将 这 些 函 数 数组 添加 到 之 前 的 守护 和 组 合 上 : 


[ "sessId", "ulId" ].map( propName => partial( prop, propName ) ) 
.reduce( mergeReducer, [ lookupUser ] ) 
.concat( lookupOrders, processOrders ) 
.map( guard ) 
.reducel( 
(result,nextFn) => nextFn( result ) 
,， getCurrentSession() 


» 


所 有 必要 的 变量 声明 和 条 件 一 去 不 复 返 了 ， 取 而 代 之 的 是 采用 整洁 和 声明 式 的 列表 操作 链接 
在 一 起 。 

如 果 你 觉得 现在 的 这 个 版 本 比 之 前 要 难 ， 不 要 担心 。 毫 无 疑问 的 ， 前 面 的 命令 式 的 形式 ， 你 
可 能 更 加 熟悉 。 进 化 为 函数 式 编程 者 的 一 步 就 是 开发 一 些 具 有 郊 数 式 编程 风格 的 代码 ， 比 如 
这 些 列表 操作 。 随 着 时 间 推 移 ， 我 们 跳出 这 些 代码 ， 当 你 切换 到 声明 式 风 格 时 更 容易 感受 到 
代码 的 可 读 性 。 


在 离开 这 个 话题 之 前 ， 让 我 们 做 一 个 真实 的 检查 : 这 里 的 示例 过 于 造作 。 不 是 所 有 的 代码 片 
段 被 简单 的 采用 列表 操作 模拟 。 务 实 的 获取 方式 是 本 能 的 寻找 这 a te tn 
码 的 技巧 ; 一 些 改进 比 没 有 强 。 经 常 退 一 步 ， 并 且 问 自己 ， 是 提升 了 损害 了 代码 的 可 读 
小 oo 


融合 


当 你 更 多 的 考虑 在 代码 中 使 用 函数 式 列表 操作 ， 你 可 能 会 很 快 地 开始 看 到 链 式 组 合 行为 
如 : 


Filter(,.) 
.map(..) 
CCUGCe 


往往 ， 你 可 能 会 把 多 个 相 邻 的 操作 用 链 式 来 调用 ， 比 如 : 


someList 
“filter(..) 
Filter(..) 
.map(..) 
.map(..) 


.map(..) 
EdUICGI( 的 六 


好 消息 是 ， 链 式 风格 是 声明 式 的 ， 并 且 很 容易 看 出 详尽 的 执行 步骤 和 顺序 。 它 的 不 足 之 处 在 
于 每 一 个 列表 操作 都 需要 循环 整个 列表 ， 意 味 着 不 必要 的 性 能 损失 ， 特 别 是 在 列表 非常 长 的 
时 候 。 


采用 交替 独立 的 风格 ， 你 可 能 看 到 的 代码 如 下 : 


map( 
fn3, 


map( 
fn2, 
map( fni, someList ) 


用 这 种 风格 ， 这 些 操 作 自 下 而 上 列 出 ， 这 依然 会 循环 数组 三 遍 。 


融合 处 理 了 合并 相 邻 的 操作 ， 这 样 可 以 减少 列表 的 和 迭代 次 数 。 这 里 我 们 关注 于 合并 相 邻 的 
map(..) ， 这 很 容易 解释 ° 


想象 一 下 这 样 的 场景 : 


var removeInvalidChars = str => str.replace( /[ANXw]*/g，"”” ); 


var upper str => str.toUpperCase(); 


var elide = str => 
str.length > 10 ? 
SesuDsk on 0 
Ske> 


var words = "Mr. Jones isn't responsible for this disaster!" 
SDDS 0 


words; 
ZA Me JoNes Sn te esonsble rom a thls rsastermudl 


words 
.map( removeInvalidchars ) 


.map( upper ) 
.map( elide ); 
// ["MR","JONES", "ISNT", "RESPONS,...", "FOR", "THIS", "DISASTER"] 


注意 在 这 个 转换 流程 中 的 每 一 个 值 。 在 words 列表 中 的 第 一 个 值 ， 开始 为 "Mr." ， 变 为 
"Mr" ， 然 后 为 "MR" ， 然 后 通过 Bade(E yy) 不 变 。 另 一 个 数据 流 为 : "responsible" -> 


"responsible" -> "RESPONSIBLE" -> "RESPONS..." ° 


换 名 话说， 你 可 以 将 这 些 数 据 转 换 看 成 这 样 : 


elide( upper( removeInvalidChars( "Mr." ) ) ); 
Pe MR" 


elide( upper( removeInvalidChars( "responsible™" ) ) ); 
/uuRESPRONSIEE 


你 抓 住 重点 了 吗 ? 我 们 可 以 将 那 三 个 独立 的 相 邻 的 map(..) 调用 步骤 看 成 一 个 转换 组 合 。 
为 它们 都 是 一 元 函数 ， 并 且 每 一 个 返回 值 都 是 下 一 个 点 输入 值 。 我 们 可 以 采用 compose(..) 
执行 映射 功能 ， 并 将 这 个 组 合 函 数 传 入 到 单个 map(..) 中 调用 : 


words 
.map( 
compose( elide, upper, removeInvalidcChars ) 
); 
// ["MR","JONES", "ISNT", "RESPONS.,..", "FOR", "THIS", "DISASTER"] 


这 是 另 一 个 pipe(..) 能 更 便利 的 方式 处 理 组 合 的 场景 ， 这样 可 读 性 很 有 条 理 : 


words 
.map( 
pipe( removeInvalidChars, upper, elide ) 
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如 何 融 合 两 个 以 上 的 filter(..) 谓词 部 数 呢 ? 通常 视 为 一 元 函数 ， 它 们 似乎 适合 组 合 。 但 

是 有 个 小 问题 3 每 一 个 函数 返回 了 不 同类 型 的 值 ( boolean ) ， 这些 返 回 值 并 不 是 下 一 个 函 

数 需要 的 输入 参数 。 融 合 相 邻 的 _ reduce(..) 调用 也 是 可 能 的 ， 但 缩减 器 并 不 是 一 元 的 ， 这 

eh ae 小 的 挑战 。 我 们 需要 更 复杂 的 技巧 来 实现 这 些 融合 。 我 们 将 在 附录 A 的 “转换 "中 讨 
这 些 高 级 方法 。 


列表 之 外 


到 目前 为 止 ， ed (数组 ) 数据 结构 中 ， 这 是 迄今 为 止 你 遇 到 的 最 常 
见 的 场景 。 但 是 更 普遍 的 意义 是 ， 这 些 操作 可 以 在 任 一 集合 执行 。 


就 像 我 们 之 前 说 过 ， 数 组 的 map(..) 方法 对 数组 中 的 每 一 个 值 做 单 值 操作 ， 任 何 数据 结构 都 


ee map(..) 操作 做 类 似 的 事情 。 同 样 的 ， 也 可 以 实现 filter(..) ， reduce(..) 和 其 
能 工作 于 这 些 数据 结构 的 值 的 操作 。 


函数 式 编 程 精 神 中 重要 的 部 分 是 这 些 操作 必须 依赖 值 的 不 变性 ， 意 味 着 它们 必须 返回 一 个 新 
的 值 ， 而 不 是 改变 存在 的 值 。 


让 我 们 描述 那个 广为人知 的 数据 结构 : 0 。 二 又 树 指 的 是 一 个 节点 (只 有 一 个 对 人 象 | ) 
0 点 (这些 字 节点 也 是 二 又 树 ) ， 这 两 个 字 节 点 通常 称 之 为 左 和 右 子 树 。 树 中 的 每 
个 节点 包含 总 体 数 据 结 构 的 值 。 
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在 这 个 插图 中 ， 我 们 将 我 们 的 二 又 树 描述 为 二 又 搜索 树 (BST) 。 然 而 ， 树 的 操作 和 其 他 非 
二 又 搜索 树 没 有 区 别 。 


注意 ; 二 又 搜索 树 是 特定 的 二 又 树 ， 该 树 中 的 节点 值 彼此 之 间 存 在 特定 的 约束 关系 。 每 个 树 
中 的 左 子 节点 的 值 小 于 根 节点 的 值 ， 跟 子 节点 的 值 也 小 于 右 子 节点 的 值 。 这 里 “小 于 "的 概念 是 
相对 于 树 中 存储 数据 的 类 型 。 它 可 以 是 数字 的 数值 ， 也 可 以 是 字符 串 在 词典 中 的 顺序 ， 等 


等 。 二 又 搜索 树 的 价值 在 于 在 处 理 在 树 中 搜索 一 个 值 非常 高 效 便捷 ， 采 用 一 个 递归 的 二 又 搜 
索 算 法 。 


让 我 们 采用 这 个 工厂 函数 创建 二 又 树 对 象 : 


var BinaryTree = 
(value,parent, left,right) => ({ value, parent, left, right }); 


为 了 方便 ， 我 们 在 每 个 Node 中 不 仅仅 保存 了 left 和 right 子 树 节点 ， 也 保存 了 其 自身 的 
parent 节点 引用 。 


现在 ， 我 们 将 一 些 常见 的 产品 名 (水 果 ， 蔬 菜 ) 定义 为 二 又 搜索 树 : 


var banana = BinaryTree( "banana™ ) 

var apple = banana.left = BinaryTree( "apple", banana ); 

var cherry = banana.right = BinaryTree( "cherry", banana ); 

var apricot = apple.right = BinaryTree( "apricot", apple ); 

var avocado = apricot.right = BinaryTree( "avocado", apricot ); 
var cantelope = cherry.left = BinaryTree( "cantelope", cherry ); 
var cucumber = cherry.right = BinaryTree( "cucumber", cherry ); 
var grape = cucumber.right = BinaryTree( "grape", cucumber ); 


在 这 个 树 形 结构 中 ， banana 是 根 节点 ， 这 棵 树 可 能 采用 不 同 的 方式 创建 节点 ， 但 其 依旧 可 以 
采用 二 又 搜索 树 一 样 的 方式 访问 。 


这 棵 树 如 下 图 所 示 : 
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这 里 有 多 种 方式 来 遍历 一 颗 二 又 树 来 处 理 它 的 值 。 如 果 这 棵 树 是 二 又 搜索 树 ， 我 们 还 可 以 有 
序 的 遍历 它 。 通 过 先 访问 左 侧 子 节点 ， 然 后 自身 节点 ， 最 后 右 侧 子 节点 ， 这 样 我 们 可 以 得 到 
升序 排列 的 值 。 


现在 ， 你 不 能 仅仅 通过 像 在 数组 中 用 console.10g(..) 打印 出 二 又 树 。 我 们 先 定义 一 个 便利 
的 方法 ， 主 要 用 来 打印 。 定 义 的 forEach(..) 方法 能 像 和 数组 一 样 的 方式 来 访问 二 又 树 : 


// 顺序 遍历 
BinaryTree.forEach = function forEach(visitFn,node){ 
If (node) { 
if (node.left) { 
forEach( visitFn, node.left ); 


visitFn( node ); 


if (node.right) { 
forEach( visitFn, node.right ); 


}; 


注意 : 采用 递归 处 理 二 又 树 更 自然 。 我 们 的 forEach(..) 实用 有 函数 采用 递归 调用 自身 来 处 理 


左右 字 节 点 。 我 们 将 在 后 续 的 章节 章 深入 讨论 递归 。 


回顾 在 本 章 开 头 描述 的 forEach(..) ， 它 存 在 有 用 的 副作用 ， 通 常 函 数 式 编程 期 户 有 这 
作用 。 在 这 种 情况 下 ， 我 们 仅仅 在 LAO 的 副作用 下 使 用 forEach(..) ， 


的 辅助 函数 。 


采用 forEach(..) 打印 那个 二 又 树 中 的 值 : 


BinaryTree.forEach( node => console.log( node.value ), banana ); 
// apple apricot avocado banana cantelope cherry cucumber grape 


// 仅 访问 根 节 点 为 “cherry ”的 子 树 


BinaryTree.forEach( node => console.log( node.value ), cherry ); 
// cantelope cherry cucumber grape 


为 了 采用 函数 式 编程 的 方式 操作 我 们 定义 的 那个 二 又 树 ， 我 们 定义 一 个 
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BinaryTree.map = function map(mapperFn,node)t{ 
If (node) { 
let newNode = mapperFn( node ); 
newNode .parent = node.parent ; 
newNode.1left = node.left ? 
map( mapperFn, node.left ) : undefined 
newNode ,right = node.right ? 
map( mapperFn, node.right ): undefined 


If (newNode.left) { 
newNode.1left.parent = newNode; 


} 
If (newNode.right) { 
newNode.right.parent = newNode; 


return newNode; 


}; 


你 可 能 会 认为 采用 map(..) 仅仅 处 理 节 点 的 value 属性 ， 但 通常 情况 下 ， 我 们 可 能 需要 映 
射 树 的 节点 本 身 。 因 此 ， mapperFn(..) 传 入 整个 访问 的 节点 ， 在 应 用 了 转换 之 后 ， 它 期 待 返 
回 一 个 全 新 的 BinaryTree(..) 节点 回来 。 如 果 你 返回 了 同样 的 节点 ， 这 个 操作 会 改变 你 的 
树 ， 并 且 很 可 能 会 引起 意 想 不 到 的 结果 ! 


让 我 们 映射 我 们 的 那个 树 ， 得 到 一 列 大 写 产 品名 : 


Var BANANA = BinaryTree.map( 
node => BinaryTree( node.value.toUpperCase() )， 
banana 


)， 


BinaryTree.forEach( node => console.log( node.value ), BANANA ); 
// APPLE APRICOT AVOCADO BANANA CANTELOPE CHERRY CUCUMBER GRAPE 


BANANA 和 banana 是 一 个 不 同 的 树 (所 有 的 节 点 都 不 同 ) 就 像 在 列表 中 执行 map(..) 返 
回 一 个 新 的 数组 。 就 像 其 他 对 象 人 数组 的 数组 ， 如 果 node.value 本 身 是 某 个 对 象 了 数组 的 
引用 ， 如 果 你 想 做 深层 次 的 转换 ， 那 么 你 就 需要 在 映射 函数 中 手动 的 对 它 做 深 找 贝 。 


如 何 处 理 reduce(..) ?相同 的 基本 处 理 过 程 : 有 序 遍 历 树 的 节点 的 方式 。 一 种 可 能 的 用 法 是 
reduce(..) 我 们 的 树 得 到 它 的 值 的 数组 。 这 对 将 来 适 配 其 他 典型 的 列表 操作 很 有 帮助 。 或 
者 ， 我 们 可 以 reduce(..) 我 们 的 树 ， 得 到 一 个 合并 了 它 所 有 产品 名 的 字符 囊 。 


我 们 模仿 数组 中 reduce(..) 的 行为 ， 它 接受 那个 可 选 的 initialvalue 参数 。 该 算法 有 一 点 
难度 ， 但 依旧 可 控 : 


BinaryTree.reduce = function reduce(reducerFn,initialValue,node)t{ 
if (arguments.length < 3) { 
// 移动 参数 ， 直 到 “initialValue ”被 删除 
node = initialValue; 


if (node) { 
let result; 


if (arguments.length < 3) { 
If (node.left) { 
result = reduce( reducerFn, node.left ); 


} 
else 1{ 


return node.right ? 
reduce( reducerFn, node, node.right ) 
node; 


} 
else { 


result = node.left ? 


reduce( reducerFn, initialValue, node.left ) 
initialValue; 


result = reducerFn( result, node ); 
result = node.right ? 


reduce( reducerFn, result, node.right ) : result; 
return result; 


return initialValue; 


}; 


让 我 们 采用 reduce(..) 产生 一 个 购物 单 (一 个 数组 ) 


BinaryTree.reduce( 


(result,node) => result.concat( node.value )， 


[], 

banana 
); 
// ["apple", "apricot", "avocado", "banana", "cantelope" 
A "cherry", "cucumber", "grape"] 


最 后 ， 让 我 们 考虑 在 树 中 用 filter(..) 。 这 个 算法 迄今 为 止 最 棘手 ， 因 为 它 有 效 〈 实 际 上 没 
有 ) 影响 从 树 上 删除 节点 ， 这 需要 处 理 几 个 问题 。 不 要 被 这 种 实现 吓 到 。 如 果 你 喜欢 ， 现 在 
跳 过 它 ， 关 注 我 们 如 何 使 用 它 而 不 是 实现 。 


BinaryTree.filter = function filter(predicateFn,node)t{ 


If (node) { 
Jet newNode; 
let newLeft = node.left ? 
filter( predicateFn, node.left ) : undefined; 
let newRight = node.right ? 
filter( predicateFn, node.right ) : undefined; 


If (predicateFn( node )) { 
newNode = BinaryTree( 
node .value, 
node.parent, 
newLeft, 
newRight 
); 
if (newLeft) { 
newLeft.parent = newNode; 


If (newRight) { 
newRight .parent = newNode; 


if (newLeft) { 
If (newRight) { 

newNode = BinaryTree( 
undefined, 
node.parent, 
newLeft, 
newRight 

) 


newLeft .parent = newRight.parent = newNode 


If (newRight.left) { 
let minRightNode = newRight; 
while (minRightNode.1left) { 
minRightNode = minRightNode.1left; 


newNode .value = minRightNode.value; 


if (minRightNode.right) { 
minRightNode.parent.left = 
minRightNode.right; 
minRightNode.right.parent = 
minRightNode.parent; 


} 
else { 

minRightNode.parent.left = undefined; 
} 


minRightNode.right = 
minRightNode.parent = undefined; 


else { 
newNode .value = newRight.value; 
newNode .right = newRight.right; 
If (newRight.right) { 
newRight .right.parent = newNode; 


} 
} 
else { 
return newLeft; 
} 
} 
else { 
return newRight 
} 


return newNode,; 


}; 


这 段 代码 的 大 部 分 是 为 了 专门 处 理 当 存在 重复 的 树 形 结 构 中 的 节点 被 "删除 ”( 过 滤 掉 ) 的 时 
候 ， 移 动 节 点 的 父子 引用 。 


作为 一 个 描述 使 用 filter(..) 的 例子 ， 让 我 们 产生 仅仅 包含 蔬菜 的 树 : 


var vegetables = [ "asparagus", "avocado", "brocolli", "carrot", 
"eelery commn .cucumnber Tettuce upnotator squasm, 
zuUCChma > 

Var whatToBuy = BinaryTree.filter( 
// 将 蔬菜 从 农产品 清单 中 过 滤 出 来 

node => vegetables.indexOof( node.value ) != -1, 

banana 





由 


// 购物 清单 
BinaryTree.reduce( 
(result,node) => result.concat( node.value )， 


[], 
whatToBuy 


名 


// ["avocado", "cucumber"] 


你 会 在 简单 列表 中 使 用 本 章 大 多 数 的 列表 操作 。 但 现在 你 发 现 这 个 概念 适用 于 你 可 能 需要 的 
任何 数据 结构 和 操作 。 遂 数 式 编程 可 以 广泛 应 用 在 许多 不 同 的 场景 ， 这 是 非常 强大 的 1! 


总 结 


心 S 


三 个 强大 通用 的 列表 操作 : 

© map(..) : 转换 列表 项 的 值 到 新 列表 。 

e filter(..) :选择 或 过 滤 掉 列表 项 的 值 到 新 数组 。 

e reduce(.,.) :合并 列表 中 的 值 ， 并 且 产 生 一 个 其 他 的 值 (经 常 但 不 总 是 非 列表 的 值 ) 。 
其 他 一 些 非常 有 用 的 处 理 列表 的 高 级 操作 : unique(..) 、 flatten(..) 和 merge(..) 。 
融合 采用 函数 组 合 技术 来 合并 多 个 相 邻 的 map(..) 调用 。 这 是 常见 的 性 能 优化 方式 ， 并 且 它 
也 使 得 列表 操作 更 加 自然 。 
列表 通常 以 数组 展现 ， 但 它 也 可 以 作为 任何 数据 结构 表达 二 产生 一 个 有 序 的 值 集合 。 因 此 ， 
所 有 这 些 “ 列 表 操 作 ” 都 是 “数据 结构 操作 ”。 


Javascript 轻重 级 函 


第 9 章 :递归 


在 下 一 页 ， 我 们 将 进入 到 递归 的 论题 。 


数 式 编程 


我 们 来 谈 谈 递归 吧 。 在 我 们 入 坑 之 前 ， 请 查阅 上 一 页 的 正式 定义 。 
我 知道 ， 这 个 笑话 弱 爆 了 :) 


大 部 分 的 开发 人 员 都 承认 递归 是 一 门 非常 强大 的 编程 技术 ， 但 他 们 并 不 喜欢 去 使 用 它 。 在 这 
个 意义 上 ， 我 把 它 放 在 与 正则 表达 式 相 同 的 类 别 中 。 递 归 技 术 强 大 但 又 令 人 困惑 ， 因 此 被 视 
为 不 值得 我 们 投入 努力 。 


我 是 递归 编程 的 超级 粉丝 ， 你 ， 也 可 以 的 上 在 这 一 章节 中 我 的 目标 就 是 说 服 你 : 递归 是 一 个 
重要 的 工具 ， 你 应 该 将 它 用 在 你 的 函数 式 编程 中 。 当 你 正确 使 用 时 ， 递 归 编 程 可 以 轻松 地 描 
述 复 杂 问 题 。 


挟 义 
所 谓 递归 ， 是 当 一 个 函数 调用 自身 ， 并 且 该 调用 做 了 同样 的 事情 ， 这 个 循环 持续 到 基本 条 件 
满足 时 ， 调 用 循环 返回 


警告 : 如 果 你 不 能 确保 基本 条 件 是 递归 的 终结 者 ， 递 归 将 会 一 直 执 行 下 去 ， 并 且 会 把 你 的 项 
目 损坏 或 锁 死 ; 恰当 的 基本 条 件 十 分 重要 ! 


但 是 ... 这 个 定义 的 书面 形式 太 让 人 疑惑 了 。 我 们 可 以 做 的 更 好 些 。 思 考 下 这 个 递归 函数 : 


function foo(x) { 
(5 recum xX, 
return too( x/20); 


设想 一 下 ， 如 果 我 们 调用 foo(16) 将 会 发 生 什么 


Step 1 Step 2 Step 3 Step 4 


攻 人 了 \ 
/ 2 8) 7 SS | 
De | on \ / f function foo(x){ functon leg 
| 


(x < 5) return xi; if (x < 5) return x; | 
(x < 5) return xi- 


f (x < 5) return x; 
也 urn foo(x / 2); | return foo(x / 3 一 才 | return foo(x / 2); | 
} } i 号 lurn foo{x / 2); 本 
\ / ! 
N AN | 
2 SR Se Ne Y 


Ne 4 


在 step 2 中 ， x / 2 的 结果 是 8 ， CI dd foo(..) 并 运行 。 同 样 
网 ， 在 step3 中 ， x /2 的 结果 是 4， 这 个 结果 以 参数 的 形式 传递 到 另 一 个 foo(..) 并 
运行 。 但 愿 我 解释 得 足够 直 白 。 


但 是 一 些 人 经 常会 在 step 4 中 卡 壳 。 一 旦 我 们 满足 了 基本 条 件 x ( 值 为 4) < 5 ， 我 们 将 不 再 
调用 递归 函数 ， 只 是 (有 效 地 ) 执行 了 return 4 。 特别 是 图 中 返回 4 的 虚线 那 块 ， 它 简 
化 了 那里 的 过 程 ， 因 此 我 们 来 深入 了 解 最 后 一 步 ， 并 把 它 折 分 为 三 个 子 步 骤 : 


Step 4a Step 4b Step 4c 


> 
function foo(x) FS 


if (x < 5) return x; | 
















ral foo(x) { 


if (x < 5) return x; 


No 


该 次 的 返回 值 会 回 过 头 来 触发 调用 栈 中 所 有 的 函数 调用 (并 且 它 们 都 执行 return ) 。 





function foo(x) { 
if (x < 5) return x; 


return foo(x / 2); 
pe 


return foo(x / 2); 


i 


另外 一 个 递归 实例 : 


function IsPrime(num,divisor = 2){ 
If (num < 2 || (num > 2 && num % divisor == 0)) { 
retunnn ialse> 


} 
If (divisor <= Math.sqrt( num )) { 
return isPrime( num, divisor + 1 ); 


} 


Peturn ernue, 


这 个 质数 的 判断 主要 是 通过 验证 ， 从 2 到 num 的 平方 根 之 间 的 每 个 整数 ， 看 是 否 存在 某 一 整 
数 可 以 整除 num (% 求 余 结果 为 6 )。 如 果 存 在 这 样 的 整数 ， 那 么 num 不 是 质数 。 反 之 ， 
是 质数 。 divisor + 1 使 用 递归 来 遍历 每 个 可 能 的 divisor 值 。 


递归 的 最 著名 的 例子 之 一 是 计算 裴 波 那 契 数 ， 该 数列 定义 如 下 : 


fib( 0 ): 0 
fib( 1 ): 1 
fib( n ): 


fib( n-2)+ fibp(n-1) 


注意 : 数列 的 前 几 个 数值 是 : 0, 1, 1, 2, 3, 5, 8, 13, 21, 34, ... 每 一 个 数字 都 是 数列 中 前 两 个 数 
字 之 和 。 


直接 用 代码 来 定义 兢 波 那 问 


funectron Fab(m ee 
if (nn <= 1) return n; 
return fib( m=2)+ fib( m= 1 ),; 


函数 fib(..) 对 自身 进行 了 两 次 递归 调用 ， 这 通常 叫 作 二 分 递归 查找 。 后 面 我 们 将 会 更 多 地 
讨论 二 分 递归 查找 。 


在 整个 章节 中 ， 我 们 将 会 用 不 同形 式 的 fib(..,) 来 说 明 关 于 递归 的 想法 ， 但 不 太 好 的 地 方 就 
是 ， 这 种 特殊 的 方式 会 造成 很 多 重复 性 的 工作 。 fib(n-1) 和 fib(n-2) 运行 时 候 两 者 之 间 
并 没有 任何 的 共享 ， 但 做 的 事情 几乎 又 完全 相同 ， 这 种 情况 一 直 持续 到 整个 整数 空间 ( 译 者 
注 : 形 参 n ) 降 到 6 。 


在 第 五 章 的 性 能 优化 方面 我 们 简单 的 谈 到 了 记忆 存储 技术 。 本 章 中 ， 记 忆 存 储 技术 使 得 任意 
一 个 传 入 到 fib(..) 的 数值 只 会 被 计算 一 次 而 不 是 多 次 。 虽 然 我 们 不 会 在 这 里 过 多 地 讨论 这 
个 技术 话题 ， 但 不 论 是 递归 或 其 它 任 何 算 法 ， 我 们 都 要 谨 记 ， 性 能 优化 是 非常 重要 的 。 


相互 递归 


当 一 个 函数 调用 自身 时 ， 很 明显 ， 这 叫 作 直接 递归 。 比 如 前 面部 分 我 们 谈 到 的 
foo(..) ， isprime(..) 以 及 fib(..) 。 如 果 在 一 个 递归 循环 中 ， 出 现 两 个 及 以 上 的 函数 相 
互 调用 ， 则 称 之 为 相互 递归 。 


这 两 个 函数 就 是 相互 递 具 : 


function isOdd(v) { 
if (v === 0) return false; 
return isEven( Math.abs( Vv )-1 ); 


} 


Functron rsEVen(V Ot 
if (v === 0) return true; 
return isOdd( Math.abs( Vv ) -1 ); 


是 的 ， 这 个 奇偶 数 的 判断 策 策 的 。 但 也 给 我 们 提供 了 一 些 思路 : 某 些 算法 可 以 根据 相互 递归 
来 定义 。 


回顾 下 上 节 中 的 二 分 递归 法 fib(..) ;我 们 可 以 换 成 相互 递归 来 表示 : 


functron titan 
Tin ==" 1 retuwrn 1 
else return fib( m= 2); 


} 


Punctaon tuD(mn ne 
if (n == 0) return 9; 
else return tid fb (ny, 


注意 : fib(.,.) 相互 递归 的 实现 方式 改编 自 “用 相互 递归 来 实现 辈 波 纳 契 数列 ”研究 报告 
(https:/www.researchgate.net/publication/246180510_Fibonacci_Numbers_Using_Mutual_R 
ecursion) 。 


虽然 这 些 相互 递归 的 示例 有 点 不 切实 际 ， 但 是 在 更 复杂 的 使 用 场景 下 ， 相 互 递 归 是 非常 有 用 
的 。 


为 什么 选择 递归 ? 


现在 我 们 已 经 给 出 了 递归 的 定义 和 说 明 ， 下 面 来 看 下 ， 为 什么 说 递归 是 有 用 的 。 


递归 深 说 函数 式 编程 之 精髓 ， 最 被 广泛 引证 的 原因 是 ， 在 调用 栈 中 ， 递 归 把 (大 部 分 ) 显 式 状态 
跟踪 换 为 了 隐 式 状态 。 通 常 ， 当 问题 需要 条 件 分 支 和 回溯 计算 时 ， 递 归 非 常 有 用 ， 此 外 在 纯 
和 迭代 环境 中 管理 这 种 状态 ， 是 相当 棘手 的 ; 最 起 码 ， 这 些 代码 是 不 可 或 缺 且 蜂 涩 难 懂 。 但 是 
在 堆栈 上 调用 每 一 级 的 分 支 作 为 其 自己 的 作用 域 ， 很 明显 ， 这 通常 会 影响 到 代码 的 可 读 性 。 


简单 的 迭代 算法 可 以 用 递归 来 表达 : 


UnctaonEsumtcoEca ee mumson te 
for (let i = 0; i < nums.length; i++) { 
total = total + nums[i]; 


} 

return total， 
} 
人 Vs 


function sum(num1,...nums) { 
if (nums.length == 0) return numi1; 
return num1 + Sum( ...nums ); 


我 们 不 仅 用 调用 栈 代 替 了 for 循环 ， 而 且 用 return s 的 形式 在 回调 栈 中 隐 式 地 跟踪 增 量 的 
求 和 ( total 的 间歇 状态 ) ， 而 非 在 每 次 迭代 中 重新 分 配 total 。 通 常 ，FPer 倾向 于 尽 可 
能 地 避免 重新 分 配 局 部 变量 。 

像 我 们 总 结 的 那样 ， 在 基本 算法 里 ， 这 些 差异 是 微乎其微 的 。 但 是 ， 随 着 算法 复杂 度 的 提 
升 ， 你 将 更 加 能 体会 到 递归 带 来 的 收益 ， 而 不 是 这 些 命令 式 状态 跟踪 。 


声明 式 递归 


数学 家 使 用 工 符 号 来 表示 一 列 数字 的 总 和 。 主 要 原因 是 ， 如 果 他 们 使 用 更 复杂 的 公式 而 且 不 
得 不 手动 书写 求 和 的 话 ， 会 造成 更 多 麻烦 (而 且 会 降低 阅读 性 1 ) ， 比 如 1+3+5+7+9 
+ ..。 符 号 是 数学 的 声明 式 语言 ! 

正如 工 是 为 运算 而 声明 ， 递 归 是 为 算法 而 声明 。 递 归 说 明 : 一 个 问题 存在 解决 方案 ， 但 并 不 
一 定 要 求 阅读 代码 的 人 了 解 该 解决 方案 的 工作 原理 。 我 们 来 思考 下 找 出 入 参 最 大 偶数 值 的 两 
种 方法 : 


function maxEven(...nums) { 
var num = -Infinity; 


for (let i = 0; i < nums.length; i++) { 
If (nums[i] % 2 == 0 && nums[i] > num) { 
num = nums[i]; 


} 

} 

if (num !== -Infinity) { 
return num; 

} 


这 种 实现 方式 不 是 特别 难处 理 ， 但 它 的 一 些 细微 的 问题 也 不 容 忽 视 。 很 明显 ， 运 行 
maxEven() ， maxEven(1) 和 maxEven(1,13) 都 将 会 返回 undefined ? 最终 的 if 语句 是 必 
需 的 吗 ? 


我 们 试 着 换 一 个 递归 的 方法 来 对 比 下 。 我 们 用 下 面 的 符号 来 表示 递归 : 


maxEven( nums ): 
maxEven( nums.0, maxEven( ...nums.1 ) ) 


换 句 话说 ， 我 们 可 以 将 数字 列表 的 max-even 定义 为 其 余数 字 的 max-even 与 第 一 个 数字 的 
max-even 的 结果 。 例 如 : 


maxEven( 1, 10, 3, 2 ): 
maxEven( 1, maxEven( 10, maxEven( 3, maxEven( 2 ) ) ) 


在 JS 中 实现 这 个 递归 定义 的 方法 之 一 是 : 


function maxEven(numi,...restNums) { 
Var maxRest = restNums.length > 0 ? 


maxEven( ...restNums ) : 
undefined; 
return (num1 % 2 != 0 || num1l < maxRest) ? 
maxRest : 
num1， 


那么 这 个 方法 有 什么 优点 吗 ? 


首先 ， 参 数 与 之 前 不 一 样 了 。 我 专门 把 第 一 个 参数 叫 作 numl ， 剩 余 的 其 它 参数 放 在 一 起 叫 
作 restNums 。 我 们 本 可 以 把 所 有 参数 都 放 在 nums 数组 中 ， 并 从 nums[6] 获取 第 一 个 参 
数 。 这 是 为 什么 呢 ? 


函数 的 参数 是 专门 为 递归 定义 的 。 它 看 起 来 像 这 样 : 


maxEven( numi, ...restNums ): 
maxEven( numi, maxEven( ...restNums ) ) 


你 有 发 现 参数 和 递归 之 间 的 相似 性 吗 ? 


当 我 们 在 函数 体 签 名 中 进一步 提升 递归 的 定义 ， 函 数 的 声明 也 会 得 到 提升 。 如 果 我 们 能 够 把 
递归 的 定义 从 参数 反映 到 函数 体 中 ， 那 就 更 棒 了 。 


但 我 想 说 最 明显 的 改进 是 ， for 循环 造成 的 错乱 感 没有 了 。 所 有 循环 多 辑 都 被 抽象 为 递归 回 
调 栈 ， 所 a 我 们 可 以 轻松 的 把 精力 集中 在 一 次 比较 两 个 数字 来 
么 说 ， 这 都 是 很 重要 的 部 分 ! 





人 思想 上 来 讲 ， 这 如 同一 位 数学 家 在 更 庞大 的 方程 中 使 用 工 求 和 一 样 。 我 们 说 ，“ 数 列 中 剩余 
maxEven(...restNums) 计算 出 来 的 ， 所 以 我 们 只 需要 继续 推断 这 一 部 
分 。， 


另外 ， 我 们 用 restNums.length > 6 保证 推断 更 加 合理 ， 因 为 当 没有 参数 的 情况 下 ， 返 回 的 
maxRest 结果 肯定 是 undefined 。 我 们 不 需要 对 这 部 分 的 推理 投入 额外 的 精力 。 这 个 基本 条 
件 (没有 参数 情况 下 ) 显而易见 


接 下 来 ， 我 们 把 精力 放 在 对 比 num1 和 maxRest 上 一 一 算法 的 主要 逻辑 是 如 何 确 定 两 个 数 
字 中 的 哪 一 个 (如 果 有 的 话 ) 是 最 大 偶数 。 如 果 num1 不 是 偶数 ( num1 % 2 !:= 9 ) ， 或 着 
它 小 于 maxRest ， 那么 即使 maxRest 的 值 是 undefined ， maxRest 会 return 掉 。 否 


则 ， 返 回 结果 会 是 numl 。 


在 阅读 整个 实现 过 程 中 ， 与 命令 式 的 方法 相 比 ， 我 所 做 这 个 例子 的 推理 过 程 更 加 直接 ， 核 心 
点 更 加 突出 ， 少 做 无 用 功 ; for 循环 中 引用 无 穷 数 值 这 一 方法 更 具有 声明 性 。 


小 贴 士 : 我 们 应 该 指出 ， 除 了 手动 近代 或 北 归 之 外 ， 另 一 种 (可 能 更 好 的 ) 建 模 的 方法 是 我 
们 在 在 第 7 章 中 讨论 的 列表 操作 。 我 们 先 把 数列 中 的 偶数 用 filter(..) 过 滤 出 来 ， 然 后 通过 
递归 reduce(..) 函数 (对比 两 个 数值 并 返回 其 中 较 大 的 数值 ) 来 找到 最 大 值 。 在 这 里 ， 我 

们 只 是 使 用 这 个 例子 来 说 明 在 手动 迭代 中 递归 的 声明 性 更 强 。 


还 有 一 个 递归 的 例子 : 计算 二 又 树 的 深度 。 二 又 树 的 深度 是 指 通 过 树 的 节点 向 下 ( 左 或 右 ) 
的 最 长 路 径 。 还 有 另 一 种 通过 递归 来 定义 的 方式 : 任何 树 节点 的 深度 为 1 (当前 节点 ) 加 上 来 
自 其 左 侧 或 右 侧 子 树 的 深度 的 最 大 值 : 


depth( node ): 
1 + max( depth( node.left ), depth( node.right ) ) 


直接 转换 为 二 分 法 递归 函数 : 


function depth(node) { 
if (node) { 
let depthLeft = depth( node.1left ); 
let depthRight = depth( node.right ); 
return 1 + max( depthLeft, depthRight ); 


return op 


我 不 打算 列 出 这 个 算法 的 命令 式 形 式 ， 但 请 相信 我 ， 它 太太 烦 、 过 于 命令 式 了 。 这 种 递归 方 
法 很 不 错 ， 声 明 也 很 优雅 。 它 遵循 递归 的 定义 ， 与 递归 定义 的 算法 非常 接近 ， 省 心 。 


并 不 是 所 有 的 问题 都 是 完全 可 递归 的 。 它 不 是 你 可 以 广泛 应 用 的 灵丹妙药 。 但 是 递归 可 以 非 
常 有 效 地 将 问题 的 表达 ， 从 更 具 必要 性 转变 为 更 有 声明 性 。 


栈 、 扒 
一 起 看 下 之 前 的 两 个 递归 函数 isodd(..) 和 isEven(..) 


function isOdd(v) { 
if (v === 0) return false; 
return isEven( Math.abs( v ) -1 ); 


} 


FunctronNn LsEVeN(VON 
nV === 0 return Erue, 
return isOdd( Math.abs( v ) -1 ); 


如 果 你 执行 下 面 这 行 代码 ， 在 大 多 数 浏览 器 里 面 都 会 报错 : 

Isodd( 33333 ); // RangeError: Maximum call stack size exceeded 
这 个 错误 是 什么 情况 ? 引擎 抛 出 这 个 错误 ， 是 因为 它 试 图 保护 系统 内 存 不 会 被 你 的 程序 耗 
尽 。 为 了 解释 这 个 问题 ， 我 们 需要 先 看 看 当 函 数 调 用 时 JS 引擎 中 发 生 了 什么 。 


每 个 函数 调用 都 将 开辟 出 一 小 块 称 为 堆栈 帧 的 内 存 。 堆 栈 帧 中 包含 了 函数 语句 当前 状态 的 某 
些 重要 信息 ， 包 括 任意 变量 的 值 。 之 所 以 这 样 ， 是 因为 一 个 函数 暂停 去 执行 另外 一 个 函数 ， 
而 另外 一 个 函数 运行 结束 后 ， 引 擎 需要 返回 到 之 前 暂停 时 候 的 状态 继续 执行 。 


当 第 二 个 函数 开始 执行 ， 扒 栈 帧 增加 到 2 个 。 如 果 第 二 个 函数 又 调用 了 另外 一 个 函数 ， 堆 栈 
帧 将 增加 到 3 个 ， 以 此 类 推 。“ 栈 "的 意思 是 ， 遂 数 被 它 前 一 个 函数 调用 时 ， 这 个 函数 帧 会 
被 “ 推 " 到 最 顶部 。 当 这 个 函数 调用 结束 后 ， 它 的 帧 会 从 堆栈 中 退出 。 


看 下 这 上段 程序 : 


functzon too() { 


Var z= i000 

} 

function bar() { 
var y = "bar!"; 
foo( ); 

} 

funetron baz() 
Valm YX = baz 
bar(); 

} 

baz(); 


来 一 步 步 想 象 下 这 个 程序 的 堆栈 帧 : 


Step 1 Step 2 Step 3 





baz() 
Var Xi; 


注意 : 如 果 这 些 函 数 间 没有 相互 调用 ， 而 只 是 依次 执行 -- 比如 前 一 个 函数 运行 结束 后 才 开 始 
调用 下 一 个 函数 baz(); bar(); foo(); -- 则 堆栈 帧 并 没有 产生 ; 因为 在 下 一 个 函数 开始 之 
前 ， 上 一 个 函数 运行 结束 并 把 它 的 帧 从 堆栈 里 面 移 除了 。 


所 以 ， 每 一 个 函数 运行 时 候 ， 都 会 占用 一 些 内存 。 对 多 数 程序 来 说 ， 这 没什么 大 不 了 的 ， 不 
是 吗 ? 但 是 ,一旦 你 引用 了 递归 ， 问 题 就 不 一 样 了 。 虽然 你 几乎 肯定 不 会 在 一 个 调用 栈 中 手 
动 调用 成 千 (或 数 百 ) 次 不 同 的 函数 ， 但 你 很 容易 看 到 产生 数 万 个 或 更 多 递归 调用 的 堆栈 。 


当 引 擎 认为 调用 栈 增加 的 太 多 并 且 应 该 停止 增加 时 候 ， 它 会 以 主观 的 限制 来 阻止 当前 步骤 ， 

所 以 isOdd(..) 或 isEven(..) 函数 抛 出 了 RangeError 未 知 错误 8 这 不 太 可 能 是 内 存 接近 
零 时 候 产生 的 限制 ， 而 是 引擎 的 预测 ， 因 为 如 果 这 种 程序 持续 运行 下 去 ， 内 存 会 爆 掉 的 。 由 
于 引擎 无 法 判断 一 个 程序 最 终 是 否 会 停止 ， 所 以 它 必 须 做 出 确定 的 猜测 。 


引擎 的 限制 因 情 况 而 定 。 规 范 里 面 并 没有 任何 说 明 ， 因 此 ， 它 也 不 是 必需 的 。 但 如 果 没 有 限 
制 的 话 ， 设 备 很 容易 遭 到 破坏 或 恶意 代码 攻击 ， 故 而 几乎 所 有 的 JS 引擎 都 有 一 个 限制 。 不 同 
的 设备 环境 、 不 同 的 引擎 ， 会 有 不 同 的 限制 ， 也 就 无 法 预测 或 保证 函数 调用 栈 能 调用 多 少 


次 。 
在 处 理 大 数据 量 时 候 ， 这 个 限制 对 于 开发 人 员 来 说 ， 会 对 递归 的 性 能 有 一 定 的 要 求 。 我 认 


为 ， 这 种 限制 也 可 能 是 造成 开发 人 员 不 喜欢 使 用 递归 编程 的 最 大 原因 。 遗憾 的 是 ， 递 归 编 程 
是 一 种 编程 思想 而 不 是 主流 的 编程 技术 。 


尾 调用 


递归 编程 和 内 存 限制 都 要 比 JS 技术 出 现 的 旱 。 追 溯 到 上 世纪 60 年 代 ， 当 时 开发 人 员 想 使 用 
递归 编程 并 希望 运行 在 他 们 强大 的 计算 机 的 设备 ， 而 所 谓 强大 计算 机 的 内 存 ， 尚 远 不 如 我 们 
今天 在 手表 上 的 内 存 。 


幸运 的 是 ， 在 那个 希望 的 原野 上 ， 进 行 了 一 个 有 力 的 观测 。 该 技术 称 为 尾 调用 。 


它 的 思路 是 如 果 一 个 回调 从 函数 baz() 转 到 函数 bar() 时 候 ， 而 回调 是 在 函数 baz() 的 
最 底部 执行 -- 也 就 是 尾 调用 -- 那么 baz() 的 堆栈 帧 就 不 再 需要 了 。 也 就 意 谓 着 ， 内 存 可 以 
被 回收 ， 或 只 需 简单 的 执行 bar() 函数 。 如 图 所 示 : 


Step 1 Step 2 Step 3 
bar() 

< 

Se x 


apd 适用 于 任何 函数 调用 。 但 是 ， 在 大 多 数 情况 下 ， 你 的 手动 非 递 


归 调 用 栈 不 太 可 能 i 因此 尾 调用 对 你 程序 内 存 的 影响 可 能 相当 低 。 


在 递归 的 情况 下 ， 尾 调用 作用 很 明显 ， 因 为 这 意味 着 递归 堆栈 可 以 “永远 "运行 下 去 ， 唯 一 的 性 
能 问题 就 是 计算 ， 而 不 再 是 固定 的 内 存 限 制 。 在 固定 的 内 存 中 尾 递归 可 以 运行 0(1) (常数 
阶 时 间 复 杂 度 计算 ) 。 


这 些 技术 通常 被 称 为 尾 调用 优化 〈TCO ) ， 但 重点 在 于 从 优化 技术 中 ， 区 分 出 在 国定 内 存 空 
间 中 检测 尾 调 用 运行 的 能 力 。 从 技术 上 讲 ， 尾 调用 并 不 像 大 多 数 人 所 想 的 那样 ， 它 们 的 运行 
速度 可 能 比 普通 回调 还 慢 。TCO 是 关于 把 尾 调用 更 加 高 效 运行 的 一 些 优化 技术 。 


正确 的 尾 调用 (PTC) 


在 ES6 出 来 之 前 ，JavaScript 对 尾 调用 一 直 没 明确 规定 (也 没有 禁用 ) 。ES6 明确 规定 了 
PTC 的 特定 形式 ， 在 ES6 中 ， 只 要 使 用 尾 调用 ， 就 不 会 发 生 栈 溢出 。 实 际 上 这 也 就 意味 着 ， 
只 要 正确 的 使 用 PTC， 就 不 会 抛 出 RangeError 这 样 的 异常 错误 9 


首先 ， 在 JavaScript 中 应 用 PTC， 必 须 以 严格 模式 书写 代码 。 如 果 你 以 前 没有 用 过 严格 模 
式 ， 你 得 试 着 用 用 了 。 那 么 ， 您 ， 应 该 已 经 在 使 用 严格 模式 了 吧 1 ? 


其 次 ， 正 确 的 尾 调 用 就 像 这 个 样子 : 


return foo(m 


换 句 话说 ， 郊 数 调用 应 该 放 在 最 后 一 步 去 执行 ， 并 且 不 管 返 回 什么 东 东 ， 都 得 有 返回 ( 
return ) 凡 这 样 的 话 ， JS 就 不 再 需要 当前 的 堆栈 帧 了 。 


下 面 这 些 不 能 称 之 为 PTC : 


foo( ) ; 
return; 


// 或 


var x = foo( .. ); 
neturmmi x 
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return 1 + foo( .. ); 
注意 : 一 些 JS 引 党 能 够 把 var x = foo(); return x; 自动 识别 为 ”return foo(); ， 这 样 也 
可 以 达到 PTC 的 效果 。 但 这 毕竟 不 符合 规范 。 


foo(..) 运行 结束 之 后 1+ 这 部 分 才 开始 执行 ， 所 以 此 时 的 堆栈 帧 依然 存在 。 


neturnn x 7? foo har 1 


x 0 ， 或 执行 foo(..) ， 或 执行 bar(..) ， 不 论 执行 哪个 ， 返 回 结果 都 会 
被 return 返回 掉 。 这 个 例子 符合 PTC 规范 





为 了 避免 堆栈 增加 ，PTC 要 求 所 有 的 递归 必须 是 在 尾部 调用 ， 因 此 ， 二 分 法 递归 两 次 

(或 以 上 ) 递归 调用 一 一 是 不 能 实现 PTC 的 。 。 我 们 曾 在 文章 的 前 面部 分 展示 过 把 二 分 法 递 
归 转 变 为 相互 递归 的 例子 。 也 许 我 们 可 以 试 着 化 整 为 零 ， 把 多 重 递 归 拆 分 成 符合 PTC 规范 的 
单个 函数 回调 。 


重 构 人 选 虹 


如 果 你 想 用 递归 来 处 理 问 题 ， 却 又 超出 了 JS 引擎 的 内 存 堆 栈 ， 这 时 候 就 需要 重 构 下 你 的 递归 
调用 ， 使 它 能 够 符合 PTC 规范 (或 着 避免 谨 套 调用 ) 。 这 里 有 一 些 重 构 方法 也 许可 以 用 到 ， 
但 需要 根据 实际 情况 权衡 。 





可 读 性 强 的 代码 ， 是 我 们 的 终 级 目标 一 谨 记 ， 谨 记 。 如 果 使 用 递归 后 会 造成 代码 难以 阅读 / 
理解 ， 那 就 不 要 使 用 递归 ; 换个 容易 理解 的 方法 吧 。 


更 换 扒 栈 


对 递归 来 说 ， 最 主要 的 问题 是 它 的 内 存 使 用 情况 。 保 持 堆 栈 帧 跟踪 函数 调用 的 状态 ， 并 将 其 
AR 。 如 果 我 们 再 清楚 了 如 何 重 新 排列 我 们 的 递归 ， 就 可 以 用 PTC 实现 
递归 ， 并 利用 JS 引擎 对 尾 调 用 的 优化 处 理 ， 那 么 我 们 就 不 用 在 内 存 中 保留 当前 的 堆栈 帧 了 。 


来 回顾 下 之 前 用 到 的 一 个 求 和 的 例子 : 


function sum(num1,...nums) { 
If (nums.length == 0) return num1; 
return num1 + sum( ., .nums ); 


这 个 例子 并 不 符合 PTC 规范 。 sum(...nums) 运行 结束 之 后 ， numl 与 sum(...nums) 的 运行 
结果 进行 了 累加 。 这 样 的 话 ， 当 其 余 参 数 .. .nums 再 次 进行 递归 调用 时 候 ， 为 了 得 到 其 与 
num1 累加 的 结果 ， 必 须要 保留 上 一 次 递归 调用 的 堆栈 帧 。 


重 构 策略 的 关键 点 在 于 ， 我 们 可 以 通过 把 置 后 处 理 系 加 改 为 提前 处 理 ， 来 消除 对 堆栈 的 依 
赖 ， 然 后 将 该 部 分 结果 作为 参数 传递 到 递归 调用 。 换 名 话说 ， 我 们 不 用 在 当前 运用 函数 的 堆 
栈 帧 中 保留 numi + sum(...num1) 的 总 和 ， 而 是 把 它 传递 到 下 一 个 递归 的 堆栈 帧 中 ， 这 样 就 
能 释放 当前 递归 的 堆栈 帧 。 


开始 之 前 ， 我 们 做 些 改 动 : 把 部 分 结果 作为 一 个 新 的 第 一 个 参数 传 入 到 函数 sum(..) 


function sum(result,numi1,...nums) { 
全 


} 


这 次 我 们 先 把 result 和 numl 提前 计算 ， 然 后 把 result 作为 参数 一 起 传 入 : 


use rstrlcte., 
function sum(result,numi1,...nums) { 
result = result + num1， 


If (nums.length == 0) return result,; 
return sum( result, ...nums ); 


现在 sum(..) 已 经 符合 PTC 优化 规范 了 |! 耶 |! 
但 是 还 有 一 个 缺点 ， 我 们 修改 了 函数 的 参数 传递 形式 后 ， 用 法 就 跟 以 前 不 一 样 了 。 调 用 者 不 
得 不 在 需要 求 和 的 那些 参数 的 前 面 ， 再 传递 一 个 6 作为 第 一 个 参数 。 
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这 就 槛 的 了 。 


通常 ， 大 家 的 处 理 方式 是 ， 把 这 个 乾 砍 的 递归 函数 重新 命名 ， 然 后 定义 一 个 接口 函数 把 问题 
隐藏 起 来 : 


"use strict"; 


functaonEsumRec(resultsnumleseenmumsh) 三 必 


result 
If (nums.length == 0) return result; 


result + numi1; 


return SumRec( result, ...nums ); 


function Sum(,. .nums) { 
return SumRec( /*initialResult=*/0, 
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情况 好 了 些 。 但 依然 有 问题 : 之 前 只 
候 你 会 发 现 ， 在 处 理 这 类 问题 上 ， 有 些 
"use Strict"， 


function sum(...nums) { 
return SumRec( /*initialResult=*/0, 


需要 一 
些 开 


ums 


2 


个 函数 就 能 解决 的 事 》 现在 我 们 用 了 两 个 。 有 时 
发 者 用 内 部 函数 把 递归 “ 藏 了 起 来 ” : 


,nums ) 


function sumRec(resulLtnuml enums) { 


result result + numi1; 


If (nums.length == 0) return result; 


return sumRec( result, 
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.. .Nums ); 


WS 


这 个 方法 的 缺点 是 ， 每 次 调用 外 部 函数 sum(..) ， 我 们 都 得 重新 创建 内 部 函数 


sumRec(..) 


数 : 


。 我 们 可 以 把 他 们 平 级 放置 在 立即 执行 的 函数 中 ， 只 暴露 出 我 们 想 要 的 那个 的 函 


"use strict"; 


var sum = (function IIFE(){ 


returm functron sum(e NumSs) ne 


return SumRec( /*initialResult=*/0, 


} 
function sumRec(result,numi,...nums) { 
result = result + num1， 
If (nums.length == 0) return result,; 
return sumRec( result, ...nums ); 
} 
})(); 


sum('3.1 .17,94 8 


好 啦 ， 现 在 即 符合 了 PTC 规范， 又 保证 了 sum(. 


的 内 部 实现 细节 。 完美! 


可 是 ... 天 呐 ， a eal 
说 ， 这 是 不 成 功 的 。 有 些 时候 ， 


幸运 的 事 ， 在 一 些 
"use strict"; 
function sum(result,num1,.. .nums) Tt 

result = result + numi1; 

If (nums.length == 0) return result; 


return sum( result, ...nums ); 


sum( /mitialResult=*XO0 3.1 .17 


也 许 你 会 注意 到 ， result 就 像 numl 一 样 ， 也 就 是 说 ， 我 们 可 以 把 列表 中 的 第 
一 次 调用 的 情况 。 我 们 需要 的 是 重新 命名 


为 我 们 的 运行 总 和 ; 这 
函数 清晰 可 读 : 


甚至 包括 了 第 


.) 参数 的 整洁 性 


其 它 的 例子 中 ， 比 如 上 一 个 例子 


94, 8 ); 


.nums ); 


AT2S 


， 调 用 者 不 需要 了 解 函 


OA 案 低 。 
这 只 是 我 们 能 做 的 最 好 的 。 


， 有 一 个 比较 好 的 方式 。 一 起 重新 看 下 : 


/123 


一 个 数字 作 
这 些 参数 ， 合 


USenstrlct ai 


function sum(numi1,num2,...nums) { 
numi = numi1 + num2 ， 


If (nums.length == 0) return numi1; 
return Sum( numi, ...nums ); 
} 
sum TI 04 9 7 12 


帅 采 了 。 比 之 前 好 了 很 多 ， 嗯 ? ! 我 认为 这 种 模式 在 声明 /合理 和 执行 之 间 达 到 了 很 好 的 平 
衡 。 


让 我 们 试 着 重 构 下 前 面 的 maxEven(..) (目前 还 不 符合 PTC 规范 ) 。 就 像 之 前 我 们 把 参数 的 
和 作为 第 一 个 参数 一 样 ， 我 们 可 以 依次 减少 列表 中 的 数字 ， 同 时 一 直 把 遇 到 的 最 大 偶数 作为 
第 一 个 参数 。 


为 了 清楚 起 见 ， 我 们 可 能 使 用 算法 策略 (类似 于 我 们 之 前 讨论 过 的 ) 


首先 对 前 两 个 参数 numl 和 num2 进行 对 比 。 

如 果 numl 是 偶数 ， 并 且 numl 大 于 num2 ，numl 保持 不 变 。 

如 果 num2 是 偶数 ， 把 num2 赋值 给 num1l 。 

否则 的 话 ，numl 等 于 undefined 。 

如 果 除 了 这 两 个 参数 之 外 ， 还 存在 其 它 参 数 nums ， 把 它们 与 numl 进行 递归 对 比 。 
最 后 ， 不 管 是 什么 值 ， 只 需 返 回 numl 。 


了 Own 一 


依照 上 面 的 步 又， 代码 如 下 : 


"use strict"; 


function maxEven(numi,num2,...nums) 区 


num1 = 
(num1 % 2 == 0 && !(maxEven( num2 ) > num1)) ? 
num1 : 
(num2 % 2 == 0 ? num2 : undefined); 
return nums.length == 0 ? 
num1 : 
maxEven( numi, ...nums ) 


注意 : 函数 第 一 次 调用 maxEven(..) 并 不 是 为 了 PTC 优化 ， 当 它 只 传递 num2 时 ， 只 递归 
一 级 就 返回 了 ; 它 只 是 一 个 避免 重复 % 逻辑 的 技巧 。 因 此 ， 只 要 该 调用 是 完全 不 同 的 元 
数 ， 就 不 会 增加 递归 堆栈 。 第 二 次 调用 maxEven(..) 是 基于 PTC 优化 角度 的 丨 正 北 归 调 

用 ， 因 此 不 会 随 着 递归 的 进行 而 造成 堆栈 的 增加 。 


重申 下 ， 此 示例 仅 用 于 说 明 将 递归 转化 为 符合 PTC 规范 以 优化 堆栈 (内 存 ) 使 用 的 方法 。 求 
最 大 偶数 值 的 更 直接 方法 可 能 是 ， 先 对 参数 列表 中 的 nums 过 滤 ， 然 后 冒 泡 或 排序 处 理 。 


基于 PTC 重 构 递归 ， 固 然 对 简单 的 声明 形式 有 一 些 影响 ， 但 依然 有 理由 去 做 这 样 的 事 。 不 幸 
的 是 ， 存 在 一 些 递归 ， 即 使 我 们 使 用 了 接口 函数 来 扩展 ， 也 不 会 很 好 ， 因 此 ， 我 们 需要 有 不 
同 的 思路 。 


后 继 传递 格式 (CPS) 


在 JavaScript 中 ，continuation 一 词 通常 用 于 表示 在 某 个 函数 完成 后 指定 需要 执行 的 下 一 个 
步骤 的 回调 孙 数 。 组 织 代 码 ， 使 得 每 个 函数 在 其 结束 时 接收 另 一 个 执行 函数 ， 被 称 为 后 继 传 
递 格式 (CPS) 。 


有 些 形式 的 递归 ， 实 际 上 是 无 法 按照 纯粹 的 PTC 规范 重 构 的 ， 特 别 是 相互 递归 。 我 们 之 前 提 
到 过 的 fib(..) 元 数 ， 以 及 我 们 派生 出 来 的 相互 递归 形式 。 这 两 个 情况 ， 沸 是 存在 多 个 递归 
调用 ， 这 些 递归 调用 阻碍 了 PTC 内 存 优化 。 


函数 中 并 传递 到 第 一 个 调 


但 是 ， 你 可 以 执行 第 一 个 递归 调用 ， 并 将 后 续 递 归 调 用 包含 在 后 续 
由 继 函 数 所 包含 的 都 是 PTC 形 


用 。 尽 管 这 意味 着 最 终 需 要 在 堆栈 中 执行 更 多 的 函数 ， 但 由 于 
式 的 ， 所 以 堆栈 内 存 的 使 用 情况 不 会 无 限 增长 。 


后 
后 


把 fib(..) 做 如 下 修改 : 


use sere 


Functionm fib(n cont = ldentity) { 
if (Nn <= 1) return cont( nm )» 
return fib( 


m2 
n2 => fib( 
n - 1, 


ni => cont( n2 + ni1 ) 


仔细 看 下 都 做 了 哪些 事情 。 首 先 ， 我 们 上 默认 用 了 第 三 章 中 的 cont(..) 后 继 函 数 表示 
identity(..) ; 记 住 ， 它 只 简单 的 返回 传递 给 它 的 任何 东西 。 

更 重要 的 是 ， 这 里 面 增加 了 不 仅仅 是 一 个 而 是 两 个 后 续 函 数 。 第 一 个 后 续 函 数 接收 fip(n-2) 
的 运行 结果 作为 参数 n2 。 第 二 个 内 部 后 续 函 数 接收 fib(n-1) 的 运行 结果 作为 参数 n1 。 当 
得 到 n1 和 n2 的 值 后 ， 两 者 再 相 加 ( n2 + nt ) ， 相 加 的 运行 结果 会 传 入 到 下 一 个 后 续 
函数 econms(e N° 


也 许 这 将 有 助 于 我 们 梳理 下 流程 : 就 像 我 们 之 前 讨论 的 ， 在 递归 堆栈 之 后 ， 当 我 们 传递 部 分 
结果 而 不 是 返回 它们 时 ， 每 一 步 都 被 包含 在 一 个 后 续 函 数 中 ， 这 拖 慢 了 计算 速度 。 这 个 技巧 
允许 我 们 执行 多 个 符合 PTC 规范 的 步骤 。 


在 静态 语言 中 ，CPS 通 常 为 尾 调用 提供 了 编译 器 可 以 自动 识别 并 重新 排列 递归 代码 以 利用 的 
机 会 。 很 可 惜 ， 不 能 用 在 原生 JS 上 。 


在 JavaScript 中 ， 你 得 自己 书写 出 符合 CPS 格式 的 代码 。 这 并 不 是 明智 的 做 法 ; 以 命令 符号 
声明 的 形式 肯定 会 让 内 容 有 些 不 清楚 。 但 总 的 来 说 ， 这 种 形式 仍然 要 比 for 循环 更 具有 声 
明 小 o 


警告 : 我 们 需要 注意 的 一 个 比较 重要 的 事项 是 ， 在 CPS 中 ， 创 建 额 外 的 内 部 后 续 函 数 仍然 消 
但 有 些 不 同 。 并 不 是 之 前 的 堆栈 帧 累积 ， 闭 包 只 是 消耗 多 余 的 内 存 空间 〈 一 般 情 况 
， 是 堆栈 里 面 的 多 余 内 存 空 间 ) 。 在 这 些 情况 下 ， 引 擎 似乎 没有 局 动 RangeError 限制 ， 

Rs 的 内 存 使 用 量 是 按 比例 固定 好 的 。 


弹簧 床 


除了 CPS 后 续 传递 格式 之 外 ， 另 外 一 种 内 存 优 化 的 技术 称 为 弹簧 床 。 在 弹簧 床 格式 的 代码 
中 ， 同 样 的 创建 了 类 似 CPS 的 后 续 函 数 ， 不 同 的 是 ， 它 们 没有 被 传递 ， 而 是 被 简单 的 返回 
了 。 


A RAW ， 因 为 每 个 函数 


只 会 返回 下 一 个 将 
调用 的 函数 。 循 环 只 是 继续 运行 每 个 返回 的 函数 ， 直 到 a ° 


弹簧 床 的 优点 之 一 是 在 非 PTC 环境 下 你 一 样 可 以 应 用 此 技术 。 另 一 个 优点 是 每 个 函数 都 是 正 
常 调用 ， 而 不 是 PTC 优化 ， 所 以 它 可 以 运行 得 更 快 。 


一 起 来 试 下 trampoline(..) 


function trampoline(fn) { 
return function trampolined(...args) { 


var result = fn( ...args ); 
while (typeof result == "function") { 
result = result(); 
} 
return result; 
}; 
} 
当 返 回 一 个 函数 时 ， 循 环 继续 ， 执 行 该 函数 并 返回 其 运行 结果 ， 然 后 检查 返回 结果 的 类 型 。 


一 旦 返回 的 结果 类 型 不 是 了 光 数 ， 弹 得 een 成 了 并 返回 结果 值 。 


所 以 我 们 可 能 需要 使 用 前 面 讲 到 的 ， 将 部 分 结果 作为 参数 传递 的 技巧 。 以 下 是 我 们 在 之 前 的 
数组 来 和 中 使 用 此 技巧 的 示例 : 


var Sum = trampoline( 
function sum(numi1,num2,...nNnums) { 
num1 = numi1 + num2; 
If (nums.length == 0) return numi1; 
return () => sum( numi, ...nums ); 


几 


var xs = []; 
for (let 1=0; 1<20000, 1++) { 
xs.push( i ); 


} 


sum( ...xs ); // 199990000 


~ 0 需要 将 递归 函数 包 衰 在 执行 弹簧 床 功能 的 函数 中 ; 此 外 ， 就 像 CPS 一 样 ， 需 要 为 每 
卖 函 数 创 建 闭 包 。 然 而 ， 与 CPS 不 一 样 的 地 方 是 ， 每 个 返回 的 后 续 数 数 ， 运 行 并 立即 完 
> yk 当 调 用 堆栈 的 深度 用 尽 时 ， 引 擎 中 不 会 累积 越 来 越 多 的 闭 包 


除了 执行 和 记忆 性 能 之 外 ， 弹 赞 床 技术 优 于 CPS 的 优点 是 它们 在 声明 递归 形式 上 的 侵入 性 更 
小 ， ee 了 接收 后 续 函 数 的 参数 而 更 改 函 数 参 数 ， 所 以 除了 执行 和 内 存 性 能 之 外 ， 
弹 算 床 技术 优 于 CPS 的 地 方 还 有 ， 它 们 在 声明 递归 形式 上 侵入 性 更 小 。 虽 然 弹 筑 床 技术 并 不 
是 理想 的 ， 但 它们 可 以 有 效 地 在 命令 循环 代码 和 声明 性 递归 之 间 达 到 平衡 。 


法 结 


CK 


/ 


递归 ， 是 指 函 数 递 具 调用 自身 。 呢 ， 这 就 是 递归 的 定义 。 明 白 了 吧 1 ? 


直 递 归 是 指 对 自身 至 少 调用 一 次 ， 直 到 满足 基本 条 件 才能 停止 调用 。 多 重 递归 ( 像 二 分 北 
归 ) 是 指 对 自身 进行 多 次 调用 。 相 互 递 归 是 当 两 个 或 以 上 函数 循环 递归 相互 调用 。 而 递归 的 
优点 是 它 更 具 声 明 性 ， 因 此 通常 更 多 于 阅读 。 


递归 的 优点 是 它 更 具 声 明 性 ， 因 此 通常 更 易于 阅读 。 缺 点 通常 是 性 能 方面 ， 但 是 相 比 执行 速 
度 ， 更 多 的 限制 在 于 内 存 方面 。 


尾 调用 是 通过 减少 或 释放 堆栈 帧 来 节约 内 存 空 间 。 要 在 JavaScript 中 实现 尾 调 用 “优化 "， 需 
要 基于 严格 模式 和 适当 的 尾 调用 PTC ) 。 我 们 也 可 以 混合 几 种 技术 来 将 非 PTC 递归 
重 构 为 PTC 格式 ， 或 者 至 少 能 通过 平 铺 堆栈 来 节约 内 存 空 间 。 


谨 记 : 递归 应 该 使 代码 更 容易 读 履 。 如 果 你 误 用 或 滥用 递归 ， 代 码 的 可 读 性 将 会 比 命令 形式 
更 糟 。 千 万 不 要 这 样 做 。 


九 章 : 递归 
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JavaScript 轻 量 级 函数 式 编程 


第 10 章 : 异步 的 函数 式 


阅读 到 这 里 ， 你 已 经 学 习 了 我 所 说 的 所 有 和 轻 量 级 函数 式 编程 的 基础 概念 ， 在 本 章节 中 ， 我 们 
将 把 这 些 概 念 应 有 到 不 同 的 情景 当中 ， 但 绝对 不 会 有 新 的 知识 点 。 


到 目前 为 止 ， 我 们 所 说 的 一 切 都 是 同步 的 ， 意 味 着 我 们 调用 函数， 传 入 参数 后 马上 就 会 得 到 
返回 值 。 大 部 分 的 情况 下 是 没 问题 的 ， 人 了 现 有 的 JS 应 用 。 为 了 能 在 当前 的 
JS 环境 里 使 用 上 函数 式 编程 ， 我 们 需要 去 了 解 异步 的 函数 式 编程 。 


本 章 的 目的 是 拓展 我 们 对 用 函数 式 编程 管理 数据 的 思维 ， 以 便 之 后 我 们 在 更 多 的 业务 上 应 
用 。 


时 间 状 态 


在 你 所 有 的 应 用 里 ， 最 复杂 的 状态 就 是 时 间 。 当 你 操作 的 数据 状态 改变 过 程 比较 直观 的 时 
候 ， 是 很 容易 管理 的 。 但 是 ， 如 果 状 态 随 着 时 间 因 为 响应 事件 而 隐 蜂 的 变化 ， 管 理 这 些 状 态 
的 难度 将 会 成 几何 级 增长 。 


我 们 在 本 文中 介绍 的 函数 式 编程 可 以 让 代码 变 得 更 可 读 ， 从 而 增强 了 可 靠 性 和 可 预见 性 。 但 
是 当 你 添加 异步 操作 到 你 的 项 目 里 的 时 候 ， 这 些 优 势 将 会 大 打折 扣 。 


必须 明确 的 一 点 是 : 并 不 是 说 一 些 操作 不 本 同步 来 完成 ， 或 者 触发 异步 行 容易 。 协 调 
那些 可 能 会 改变 应 用 程序 的 状态 的 响应 ， 这 需要 大 量 额外 的 工作 。 


所 以 ， 作 为 作者 的 你 最 好 付出 一 些 努 力 ， 或 者 只 是 留 给 阅读 你 代码 的 人 一 个 难题 ， 去 弄 清楚 
如 果 人 A 在 日 之 前 完成 ， 项 目 中 状态 是 什么 ， 还 有 相反 的 情况 是 什么 ?这 是 一 个 浮 奇 的 问题 ， 
但 以 我 的 观点 来 看 ， 这 有 一 个 确切 的 答案 : 如 果 可 以 把 复杂 的 代码 变 得 更 容 多 理解 ， 作 者 就 
必须 花费 更 多 心思 。 


减少 时 间 状 态 
异步 编程 最 为 重要 的 一 点 是 通过 抽象 时 间 来 简化 状态 变化 的 管理 。 


为 说 明 这 一 点 ， 让 我 们 先 来 看 下 一 种 有 竞争 状态 (又 称 ， 时 间 复 杂 度 ) 的 糟糕 情况 ， 且 必须 
手动 去 管理 里 面 的 状态 : 


Var customerId = 42; 
var customer; 


lookupCustomer( customerId, function onCustomer(customerRecord){ 
var orders = customer ? customer.orders : Null; 
customer = customerRecord; 
If (orders) { 
customer.orders = orders 


} 
} ); 


lookupOrders( customerId, function onOrders(customerOrders)t{ 
If (!customer) { 
customer = {}; 


} 


customer.orders = customerorders ; 


} ); 


回调 函数 oncustomer(..) 和 onorders(..) 之 间 是 互 为 竞争 关系 。 假 设 他 们 都 在 运行 ， 两 者 
都 有 可 能 先 运行 ， 那 将 无 法 预测 到 会 发 生 什 么 


如 果 我 们 可 以 把 lookuporders(..) 写 到 oncustomer(..) 里 面 ， 那 我 们 就 可 以 确认 
onorders(..) 会 在 oncustomer(..) 之 后 运行 ， 但 我 们 不 能 这 么 做 ， 因 为 我 们 需要 让 2 个 查 
询 同 时 执行 。 


所 以 ， 为 了 让 这 个 基于 时 间 的 复杂 状态 正常 化 ， 我 们 用 相应 的 if -声明 在 各 自 的 回调 函数 里 
来 检查 外 部 作用 域 的 变量 customer 。 当 各 自 的 回调 函数 被 执行 ， 将 会 去 检测 customer 的 状 
态 ， 从 而 确定 各 自 的 执行 顺序 ， 如 果 customer 在 回调 函数 里 还 没 被 定义 ， 那 他 就 是 先 运行 
的 ， 否 则 则 是 第 二 个 运行 的 。 


这 些 代码 可 以 运行 ， 但 是 他 违背 了 可 读 性 的 原则 。 时 间 复 杂 度 让 这 个 代码 变 得 难以 阅读 。 


让 我 们 改 用 JS promise 来 把 时 间 因 素 抽 离 出 来 : 


var customerId = 42; 


var customerPromise = lookupCustomer( customerId ); 
var ordersPromise = lookupOrders( customerId ); 


customerPromise.then( function onCustomer(customer){ 
ordersPromise.then( function onOrders(orders){ 
customer .orders = orders ; 
} ); 
} ); 


现在 onorders(..) 回调 函数 存在 oncustomer(..) 回调 函数 里 ， 所 以 他 们 各 自 的 执行 顺序 是 
可 以 保证 的 。 在 各 自 的 then(..) 运行 之 前 lookupCustomer(..) 和 lookupOrders(..) 被 分 
别 的 调用 ， 两 个 查询 就 已 经 并 行 的 执行 完了 。 


这 可 能 不 太 明显 ， 但 是 这 个 代码 里 还 有 其 他 内 在 的 竞争 状态 ， 那 就 是 promise 的 定义 没有 被 
体现 出 来 。 如 果 orders 的 查询 在 把 onorders(..) 回调 函数 被 ordersPromise.then(..) 调 
用 前 完成 ， 那么 就 需要 一 些 比较 智 能 的 东西 来 保存 orders 直到 onOrders(..) 能 被 调用 。 
同 理 ， record (或 者 说 customer ) 对 象 是 否 能 在 oncustomer(..) 执行 时 被 接收 到 。 


这 里 的 东西 和 我 们 之 前 讨论 过 的 时 间 复 杂 度 类 似 。 但 我 们 不 必 去 担心 这 些 复杂 性 ， 无 论 是 编 
码 或 者 是 读 (更 为 重要 ) 这 些 代 码 的 时 候 ， 因 为 对 我 们 来 说 ，promise 所 处 理 的 就 是 时 间 复 杂 
度 上 的 问题 。 


promise 以 时 间 无 关 的 方式 来 作为 一 个 单一 的 值 。 此 外 ， 获 取 promise 的 返回 值 是 异步 的 ， 
但 却 是 通过 同步 的 方法 来 赋值 。 或 者 说 ，promise 给 = 操作 符 扩展 随时 间 动 态 赋值 的 功 
能 ， 通 过 可 靠 的 《时 间 无 关 ) 方式 。 


接 下 来 我 们 将 探索 如 何以 相同 的 方式 ， 在 时 间 上 异步 地 拓展 本 书 之 前 同步 的 函数 式 编程 操 
作 。 


积极 的 VS 怖 性 的 
名 极 的 和 情 性 的 在 计算 机 科学 的 领域 并 不 是 表扬 或 者 批评 的 意思 ， 而 是 描述 一 个 操作 是 否 立 
即 执行 或 者 是 延 时 执行 。 


我 们 在 本 例子 中 看 到 的 函数 式 编程 操作 可 以 被 称 为 积极 的 ， 因 为 它们 同步 (即时) 地 操作 着 
离散 的 即时 值 或 值 的 列表 /结构 上 的 值 。 


回忆 下 : 


Vareas = [el 2 
var b = a.map( Vv => v * 2 ); 


b; 2A] 


这 里 a 到 b 的 映射 就 是 积极 的 ， 因 为 它 在 执行 的 那 一 刻 映 射 了 数组 a 里 的 所 有 的 值 ， 然 
后 生成 了 一 个 新 的 数组 bp 。 即 使 之 后 你 去 修改 a ， 比 如 说 添加 一 个 新 的 值 到 数组 的 最 后 一 
位 ， 也 不 会 影响 到 b 的 内 容 。 这 就 是 积极 的 函数 式 编程 。 


但 是 如 果 是 一 个 惰性 的 函数 式 编程 操作 呢 ? 思考 如 下 情况 : 


var a = []; 


var b = mapLazy( a, Vv => Vv * 2 ); 


a.push( 1 ); 
a[o0]; pel 
b[0]， Mo 
a.push( 2 ); 
a[1]; J 
b[1]; A 


我 们 可 以 想象 下 mapLazy(..) 本 质 上 “监听 ”了 数组 a ， 只 要 一 个 新 的 值 添加 到 数组 的 末端 
(使 用 push(..) ) ， 它 都 会 运行 映射 函数 v => v * 2 并 把 改变 后 的 值 添加 到 数组 p 里 。 


注意 : mapLazy(..) 的 实现 没有 被 写 出 来 ， 是 因为 它 是 虚构 的 方法 ， 是 不 存在 的 。 如 果 要 实 
现 a 和 bp 之 间 的 情 性 的 操作 ， 那 么 简单 的 数组 就 需要 变 得 更 加 聪明 。 


考虑 下 把 a 和 b 关联 到 一 起 的 好 处 ， 无 论 何 时 何 地 ， 你 添加 一 个 值 进 a 里 ， 它 都 将 改变 


且 映 射 到 b 里 。 它 比 同 为 声明 式 函 数 式 编程 的 map(..) 更 强大 ， 但 现在 它 可 以 随时 地 变 
化 ， 进 行 映射 时 你 不 用 知道 a 里 面 所 有 的 值 。 


响应 式 函 数 式 编程 


为 了 理解 如 何在 2 个 值 之 间 创 建 和 使 用 惰性 的 映射 ， 我 们 需要 去 抽象 我 们 对 列表 (数组 ) 的 想 
法 。 


让 我 们 来 想象 一 个 智能 的 数组 ， 不 只 是 简单 地 获得 值 ， 还 是 一 个 懒惰 地 接受 和 响应 也 就 
是 "反应 ") 值 的 数组 。 考 虑 下 : 


var a = new LazyArray(); 


var b = a.map( function double(v){ 
neturnmn Vv 2 


} ); 


setInterval( function everySecond(){ 
a.push( Math.random() ); 
}, 1000 ); 


至 此 ， 这 段 代 码 的 数组 和 普通 的 没有 什么 区 别 。 唯 一 不 同 的 是 在 我 们 执行 map(..) 来 映射 数 
组 a 生成 数组 b 之后， 定时 器 在 a 里 面 添加 随机 的 值 。 


但 是 这 个 虚构 的 LazyArray 有 点 不 同 ， 它 假设 了 值 可 以 随时 的 一 个 一 个 添加 进去 。 就 像 随时 
可 以 push(..) 你 想 要 的 值 一 样 。 可 以 说 p 就 是 一 个 惰性 映射 a 最 终 值 的 数组 。 


此 外 ， 当 a 或 者 b 改变 时 ， 我 们 不 需要 确切 地 保存 里 面 的 值 ， 这 个 特殊 的 数组 将 会 保存 它 
所 需 的 值 。 所 以 这 些 数组 不 会 随 着 时 间 而 占用 更 多 的 内 存 ， 这 是 情 性 数据 结构 和 懒 操作 的 重 
要 特点 。 事 实 上 ， 它 看 起 来 不 像 数 组 ， 更 像 是 buffer (缓冲 区 ) 。 


普通 的 数组 是 积极 的 ， 所 以 它 会 立马 保存 所 有 它 的 值 。" 惰 性 数组 " 的 值 则 会 延迟 保存 。 


由 于 我 们 不 一 定 要 知道 a 什么 时 候 添加 了 新 的 值 ， 所 以 另 一 个 关键 就 是 我 们 需要 有 去 监听 
b 并 在 有 新 值 的 时 候 通 知 它 的 能 力 。 我 们 可 以 想象 下 监听 器 是 这 样 的 : 


b.listen( function onValue(v){ 
console.log( v ); 


3 


b 是 反应 性 的 ， 因 为 它 被 设置 为 当 a 有 和 值 添加 时 进行 反应 。 函 数 式 编程 操作 当中 的 
map(..) 是 把 数据 源 a 里 面 的 所 有 值 转移 到 目标 b 里。 每 次 映射 操作 都 是 我 们 使 用 同步 
函数 式 编 程 进行 单 值 建 模 的 过 程 ， 但 是 接 下 来 我 们 将 让 这 种 操作 变 得 可 以 响应 式 执 行 。 


注意 : 最 常用 到 这 些 函 数 式 编程 的 是 响应 式 函 数 式 编程 (FRP)。 我 故意 避 开 这 个 术语 是 因为 

一 个 有 关于 FP + Reactive 是 否 真 的 构成 FRP 的 辩论 。 我 们 不 会 全 面 深入 了 解 FRP 的 所 有 含 
义 ， 所 以 我 会 继续 称 之 为 响应 式 函 数 式 编程 。 或 者 ， 如 果 你 不 会 感觉 那么 困惑 ， 也 可 以 称 之 

为 事件 机 制 函 数 式 编程 。 


我 们 可 以 认为 a 是 生成 值 的 而 b 则 是 去 消费 这 些 值 的 。 所 以 为 了 可 读 性 ， 我 们 得 重新 整理 
下 这 段 代 码 ， 让 问题 归结 于 生产 者 和 消费 者 。 


/7 
var a = new LazyArray(); 


setInterval( function everySecond(){ 
a.push( Math.random() ); 
.0000 


var b = a.map( function double(v){ 
meturn i ve 2 


} ); 


b.listen( function onValue(v){ 
console.log( v ); 


} ); 


a 是 一 个 行为 本 质 上 很 像 数据 流 的 生产 者 。 我 们 可 以 把 每 个 值 赋 给 a 当 作 一 个 事 
件 。 map(..) 操作 会 触发 bp 上 面 的 listen(..) 事件 来 消费 新 的 值 。 


我 们 分 离 生产 者 和 消费 者 的 相关 代码 ， 是 因为 我 们 的 代码 应 该 各 司 其 职 。 这 样 的 代码 组 织 
可 以 很 大 程度 上 提高 代码 的 可 读 性 和 维护 性 。 


声明 式 的 时 间 


我 们 应 该 非常 谨 懂 地 讨论 如 何 介 绍 时 间 状 态 。 具 体 来 说 ， 正 如 promise 从 单个 异步 操作 中 抽 
离 出 我 们 所 担心 的 时 间 状 态 ， 响 应 式 函 数 式 编程 从 一 系列 的 值 /操作 中 抽 离 (分割 ) 了 时 间 状 


从 a (生产 者 ) 的 角度 来 说 ， 唯 一 与 时 间 相 关 的 就 是 我 们 手动 调用 的 setInterval(..) 循 
环 。 但 它 只 是 为 了 示范 。 

想象 下 a 可 以 被 绑 定 上 一 些 其 他 的 事件 源 ， 比 如 说 用 户 的 鼠标 点 击 事件 和 键盘 按键 事件 ， 服 
务 端 来 的 websocket 消息 等 。 在 这 些 情况 下 ，a 没 必要 关注 自己 的 时 间 状 态 。 每 当 值 准备 
好 ， 它 就 只 是 一 个 与 值 连 接 的 无 时 态 管道 。 

从 b (消费 者 ) 的 角度 来 说 ， 我们 不 用 知道 或 者 关注 a 里 面 的 值 在 何 时 何 地 来 的 。 事 实 
上 ， 所 有 的 值 都 已 经 存在 。 我 们 只 关注 是 否 无 论 何 时 都 能 取 到 那些 值 。 或 者 说 ， map(..) 的 
转换 操作 是 一 个 无 时 态 (惰性 ) 的 建 模 过 程 。 

时 间 与 a 和 p 之 间 的 关系 是 声明 式 的 ， 不 是 命令 式 的 。 


以 operations-over-time 这 种 方式 来 组 织 值 可 能 不 是 很 有 效 。 让 我 们 来 对 比 下 相同 的 功能 如 何 
用 命令 式 来 表示 : 


全 者 ， 


var a={ 
onValue(v){ 
b.onValue( v ); 
} 
}; 


SetInterval( function everySecond(){ 
a.onValue( Math.random() ); 





}, 1000 ); 
ys 和 加 
/2 
var b={ 
map(v)t 
return v * 2) 
}, 
onValue(v){ 
Vv = this.map( v ); 
console.log( v ); 
} 
}; 


这 似乎 很 微妙 ， 但 这 就 是 存在 于 命令 式 版 本 的 代码 和 之 前 声明 式 的 版 本 之 间 一 个 很 重要 的 不 
同 点 ， 除 了 b,onvalue(..) 需要 自己 去 调用 this.map(..) 之 外 。 在 之 前 的 代码 中 ， b 从 
a 当中 去 拉 取 ， 但 是 在 这 个 代码 中 ，a 推送 给 b 。 换 和 名 话说， 把 b = a.map(..) 替换 成 


b.onValue(v) ° 


在 上 面 的 命令 式 代码 中 ， 以 消费 者 的 角度 来 说 它 并 不 清楚 v 从 哪里 来 。 此 外 命令 式 强硬 的 把 
代码 b,onvalue(..) 夹杂 在 生产 者 a 的 逻辑 里 ， 这 有 点 违反 了 关注 点 分 离 原 则 。 这 将 会 让 
分 离 生产 者 和 消费 者 变 得 困难 。 


相 比 之 下 ， 在 之 前 的 代码 中 ，b = a.map(..) 表示 了 b 的 值 来 源 于 a ， 对 于 如 同 抽象 事件 
流 的 数据 源 a ， 我 们 不 需要 关心 。 我 们 可 以 确信 任何 来 自 于 a 到 b 里 的 值 都 会 通过 
map(..) 操作 有 


映射 之 外 的 东西 


为 了 方便 ， 我 们 已 经 说 明了 通过 随 着 时 间 一 次 一 次 的 用 map(..) 来 绑 定 a 和 b 的 概念 。 
其 实 我 们 许多 其 他 的 函数 式 编程 操作 也 可 以 做 到 这 种 效果 。 


思考 下 : 


var b = a.filter( function isodd(v) { 
return v % 2 == 工 ; 


1 


b.listen( function onlyOdds(v){ 
consolenlog( Oddo Pv) 


JJ 


这 里 可 以 看 到 a 的 值 肯定 会 通过 isodd(..) 赋值 给 p 。 


即使 是 reduce(..) 也 可 以 持续 的 运行 : 


var b = a.reduce( function Sum(total,Vv){ 
return total + v; 


了 


b.listen( function runningTotal(v){ 
console.log( "New current total’;", V ); 


} ); 
为 我 们 调用 reduce(..) 是 没有 给 具体 initialvalue 的 值 ， 无 论 是 sum(..) 或 者 
runningTotal(..) 都 会 等 到 有 2 个 来 自 a 的 参数 时 才 会 被 调用 。 


这 段 代码 暗示 了 在 reduction 里 面 有 一 个 内 存 空 间 ， 每 当 有 新 的 值 进 来 的 时 候 ， sum(..) 才 
会 带 上 第 一 个 参数 total 和 第 二 个 参数 v 被 调用 。 


其 他 的 函数 式 编程 操作 会 在 内 部 作用 域 请 求 一 个 缓存 区 ， 比 如 说 unique(..) 可 以 追踪 每 一 


个 它 访问 过 的 值 。 


Observables 


希望 现在 你 可 以 察觉 到 响应 式 ， 事 件 式 ， 类 数组 结构 的 数据 的 重要 性 ， 就 像 我 们 虚构 出 来 的 
LazyArray 一 样 。 值得 高 兴 的 是 ， 这 类 的 数据 结构 已 经 存在 的 了 ， 它 就 中 observable。 

注意 : 只 是 做 些 假设 (希望 ) : 接 下 来 的 讨论 只 是 简要 的 介绍 observables。 这 是 一 个 需要 
我 们 花 时 间 去 探究 的 深层 次 话题 。 但 是 如 果 你 理解 本 文中 的 轻 量 级 函数 式 编程 ， 并 且 知 道 如 
何 通过 函数 式 编程 的 原理 来 构建 异步 的 话 ， 那 么 接着 学 习 observables 将 会 变 得 得 心 应 手 。 
现在 已 经 有 各 种 各 样 的 Observables 的 库 类 ， 最 出 名 的 是 RxJS 和 Most。 在 写 这 篇 文章 的 时 
候 ， 正 好 有 一 个 直接 向 JS 里 添加 observables 的 建议 ， 就 像 promise。 为 了 演示 ， 我 们 将 用 
RxJS 风格 的 Observables 来 完成 下 面 的 例子 。 


这 是 我 们 一 个 较 早 的 响应 式 的 例子 ， 但 是 用 Observables 来 代替 LazyArray : 


FL 生 EE 者 - 
var a = new Rx.Subject(); 
SetInterval( function everySecond(){ 


a.next( Math.random() ); 
}, 1000 ); 


pA 克 炎 炎炎 光 灾 灾 灾 灾 丙 光 炎 灾 灾 炎炎 炎炎 裕 灾 炎炎 丙 灾 火灾 
// 消费 老 : 





var b = a.map( function double(v){ 
neturn Vv 2 


} ); 


b.subscribe( function onValue(v)t{ 
console.log( v ); 


py 


在 RxJS 中 ， 一 个 Observer 订阅 一 个 Observable。 如 果 你 把 Observer 和 Observable 的 功 
能 结合 到 一 起 ， 那 就 会 得 到 一 个 Subject。 因 此 ， 为 了 保持 代码 的 简洁 ， 我 们 把 a 构建 成 一 
个 Subject， 所 以 我 们 可 以 调用 它 的 next(..) 方法 来 添加 值 (事件 ) 到 他 的 数据 流 里 。 


如 果 我 们 要 让 Observer 和 Observable 保持 分 离 : 
/AT 


var a = Rx.Observable.create( function onObserve(observer){ 
setInterval( function everySecond(){ 
observer .next( Math.random() ); 
1000 )> 
} ); 


在 这 个 代码 里 ，a 是 Observable， 毫 无 疑 同 ， observer 就 是 独立 的 observer， 它 可 以 
去 “观察 "一些 事件 (比如 我 们 的 setInterval(..) 循环 ) ， 然 后 我 们 使 用 它 的 next(..) 方法 
来 发 送 一 些 事 件 到 observable a 的 流 里 。 


除了 map(..) ，RxJS 还 定义 了 超过 100 个 可 以 在 有 新 值 添 加 时 才 触 发 的 方法 。 就 像 数 组 一 
样 。 每 个 Observable 的 方法 都 会 返回 一 个 新 的 Observable， 意 味 着 他 们 是 链 式 的 。 如 果 一 
个 方法 被 调用 ， 则 它 的 返回 值 应 该 由 输入 的 Observable 去 返回 ， 然 后 触发 到 输出 的 
Observable 里 ， 和 否则 抛弃 。 


一 个 链 式 的 声明 式 observable 的 例子 : 


var b = 
a 
.filter( v =>v%2 ==1) // 过 滤 # 
.distinctuntilchanged() 
.throttle( 100 ) 
.map( v=v * 2 ); 





b.subscribe( function onValue(v)t{ 
consoles Log(m NexEs Vv 


} ); 


注意 : 这 里 的 链 式 写法 不 是 一 定 要 把 observable 赋值 给 b 和 调用 b.subscribe(..) 分 开 
和 ， 这 样 做 只 是 为 了 让 每 个 方法 都 会 得 到 一 个 新 的 返回 值 。 通 常 ， subscribe(..) 方法 都 会 
链 式 写法 的 最 后 被 调用 。 


总 结 
这 本 书 详细 的 介绍 了 各 种 各 样 的 函数 式 编程 操作 ， 例 如 : 把 单个 值 (或 者 说 是 一 个 即时 列表 
的 值 ) 转换 到 另 一 个 值 里 。 


对 于 那些 有 时 态 的 操作 ， 所 有 基础 的 函数 式 编程 原理 都 可 以 无 时 态 的 应 用 。 就 像 promise 创 
建 了 一 个 单一 的 未 来 值 ， 我 们 可 以 创建 一 个 积极 的 列表 的 值 来 代替 像 惰性 的 observable ( 事 
件 ) 流 的 值 。 

数组 的 map(..) 方法 会 用 当前 数组 中 的 每 一 个 值 运行 一 次 映射 函数 ， 然 后 放 到 返回 的 数组 
里 。 而 observable 数组 里 则 是 为 每 一 个 值 运 行 一 次 映射 函数 ， 无 论 这 个 值 何 时 加 入 ， 然 后 把 
它 返 回 到 observable 里 。 


或 者 说 ， 如 果 数 组 对 函数 式 编程 操作 是 一 个 积极 的 数据 结构 ， 那 么 observable 相当 于 持续 惰 
性 的 
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第 11 章 : 融会 贯通 


现在 你 已 经 掌握 了 所 有 需要 掌握 的 关于 JavaScript 轻 量 级 函数 式 编程 的 内 容 。 下 面 不 会 再 引 
入 新 的 概念 。 


本 章 主 要 目标 是 概念 的 融会 贯通 。 通 过 研究 代码 片段 ， 我 们 将 本 书 中 大 部 分 主要 概念 联系 起 
来 并 学 以 致 用 。 


建议 进行 大 量 深入 的 练习 来 熟悉 这 些 技巧 ， 因 为 理解 本 章 内 容 对 于 将 来 你 在 实际 编程 场景 中 
应 用 元 数 式 编程 原理 至 关 重 要 。 


准备 
我 们 来 写 一 个 简单 的 股票 行情 工具 吧 。 


注意 : 可 以 在 本 书 的 GitHub 仓库 (https://github.com/getify/Functional-Light-JS) 下 的 
ch11-code/ 目录 里 找到 参考 代码 。 同 时 ， 在 书 中 讨论 到 的 函数 式 编程 辅助 函数 的 基础 上 ， 我 
们 算 选 了 所 需 的 一 部 分 放 到 了 ch1i1-code/fp-helpers.js 文件 中 。 本 章 中 ， 我 们 只 会 讨论 到 其 
中 相关 的 部 分 


首先 来 编写 HTML 部 分 ， 这 样 便 可 以 对 信息 进行 展示 了 。 我 们 在 chl1-codeyindex.html 文件 
中 先 写 一 个 空 的 <ul ..> 元 素 ， 在 运行 时 ，DOM 会 被 填充 成 : 


<ul id="stock-ticker"> 
<l1i class="stock" data-stock-id="AAPL"> 
<span class="stock-name">AAPL</span> 
<span class="stock-price">$121.95</span> 
<Span class="stock-change">+0.01</span> 
=X > 
<l1i class="stock" data-stock-id="MSFT"> 
<span class="stock-name">MSFT</span> 
<Span class="stock-price">$65.78</span> 
<span class="stock-change">+1.51</span> 
</1i> 
<l1i class="stock" data-stock-id="G00G"> 
<Span class="stock-name">G00G</span> 
<span class="stock-price">$821.31</span> 
<span class="stock-change">-8.84</span> 
</1i> 
</UL> 


我 必须 要 事先 提醒 你 的 一 点 是 ， 和 DOM 进行 交互 属于 输入 输出 操作 ， 这 也 意味 着 会 产生 一 
定 的 副作用 。 我 们 不 能 消除 这 些 副 作用 ， 所 以 我 们 尽量 减少 和 DOM 相关 的 操作 。 这 些 技 巧 在 
第 5 章 中 已 经 提 到 了 。 


概括 一 下 我 们 的 小 工具 的 功能 : 代码 将 在 每 次 收 到 添加 新 股票 事件 时 添加 <1i ..> 元 素 ， 并 
在 股票 价格 更 新 事件 发 生 时 更 新 价格 。 


在 第 11 章 的 示例 代码 ch11-code/mock-server.js 中 ， 我 们 设置 了 一 些 定时 器 ， 把 随机 生成 的 
假 股 票数 据 推 送 到 一 个 简单 的 事件 发 送 器 中 ， 来 模拟 从 服务 器 收 到 的 股票 数据 。 我 们 暴露 了 
一 个 connectToserver() 接口 来 实现 模拟 ， 但 是 实际 上 ， 它 只 是 返回 了 一 个 假 的 事件 发 送 


oo 


是 


注意 : 这 个 文件 是 用 来 模拟 数据 的 ， 所 以 我 没有 花费 太 多 的 精力 让 它 完全 符合 函数 式 编程 ， 

不 建议 大 家 花 太 多 时 间 研 究 这 个 文件 中 的 代码 。 如 果 你 写 了 一 个 丨 正 的 服务 器 对 于 那些 
雄心 勃勃 的 读者 来 说 ， 这 是 一 个 有 趣 的 加 分 这 时 你 才 应 该 考虑 采用 函数 式 编程 思想 
来 实现 这 些 代码 。 








我 们 在 ”chil-code/stock-ticker-events.js 中 ， 创 建 了 一 些 observable (通过 RxJS) 连接 到 
事件 发 送 器 对 象 上 。 通 过 调用 connectToserver() 来 获取 这 个 事件 的 发 射 器 ， 然 后 监听 名 称 
为 "stock" 的 事件 ， 通 过 这 个 事件 来 添加 一 个 新 的 股票 代码 ， 同 时 监听 名 称 为 "stock- 
update" 的 事件 ， 通 过 这 个 事件 来 更 新 股票 价格 和 涨 跌幅 。 最 后 ， 我 们 定义 一 些 转换 函数 ， 来 
对 这 些 observable 传 入 的 数据 进 4 行 格式 化 。 


在 chll-code/stock-ticker.js 中 ， 我 们 将 我 们 的 界面 操作 (DOM 部 分 的 副作用 ) 定义 在 
stockTickeruI 对 象 的 方法 中 。 我 们 还 定义 了 各 种 辅助 函数 ， 和 包括 

getElemAttr(..) ， stripprefix(..) 等 等 。 最 后 ， 我 们 通过 subscribe(..) 监听 两 个 
observable， 来 获得 格式 化 好 的 数据 ， 泻 染 到 DOM 上 。 


自 


股票 信息 


一 起 看 看 chll-code/stock-ticker-events.js 中 的 代码 ， 我 们 先 从 一 些 基本 的 辅助 函数 开始 : 


function addSstockName(stock) { 
return setProp( "name", stock, stock.id ); 


} 
function formatSign(val) { 
If (Number(val) > 0) { 
return +${valy > 


} 


return val; 


} 
function formatCurrency(val) { 
neturm splval > 


} 
function transformObservable(mapperFn,obsv)t{ 


return obsv.map( mapperFn ); 


} 


这 些 纯 函数 应 该 很 容易 理解 。 参 见 第 4 章 setProp(..) 在 设置 新 属性 之 前 复制 了 对 象 。 这 实 
践 到 了 我 们 在 第 6 章 中 学 习 到 的 原则 : 通过 把 变量 当 作 不 可 变 的 变量 来 避免 副作用 ， 即 使 其 
本 身 是 可 变 的 


addStockName(..) 用 来 在 股票 言 息 对 象 中 添加 一 个 name 属性 ， 它 的 值 和 这 个 对 象 id 一 
致 。 name 会 作为 股票 的 名 称 展示 在 工具 中 。 


有 一 个 关于 transformObservable(..) 的 颇 为 微妙 的 注意 事项 : 表面 上 看 起 来 在 map(..) 叫 
数 中 返回 一 个 新 的 observable 是 纯 函 数 操作 ， ee ， obsv 的 内 部 状态 被 改变 了 ， 这 
样 才能 够 和 map(..) 返回 的 新 的 observable 连接 起 来 。 这 个 副作用 并 不 是 个 大 问题 ， 而 且 
不 会 影响 我 们 的 代码 可 读 性 ， 但 是 随时 发 现 潜在 的 副作用 mw 党 重要 的 ， 这 样 就 不 会 在 出 错 
时 倍 感 惊讶 ! 


当 从 “服务 器 ”获取 股票 信息 时 ， 数 据 是 这 样 的 : 


{Ld AABE price L217 changemo on 


在 把 price 的 值 显示 到 DOM 上 之 前 ， 需 要 用 formatcurrency(..) 罗 数 格式 化 一 下 (比如 
变 成 "$121.70" ) ， 同 时 需要 用 formatchange(..) 函数 格式 化 change 的 值 (比如 变 成 
"+0.01" ) 。 但 是 我 们 不 希望 修改 消息 对 象 中 的 price 和 change ， 所 以 我 们 需要 一 个 辅助 
函数 来 格式 化 这 些 数字 ， 并 且 要 求 这 个 辅助 函数 返回 一 个 新 的 消息 对 象 ， 其 中 包含 格式 化 好 
的 price 和 change 


function formatStockNumbers(Stock) { 
var updateTuples = [ 
[ "price", formatPrice( stock.price ) ]， 
[ "change", formatchange( stock.change ) | 


J]; 


return reduce( function formatter(stock, [propName,vall])t 
return SetProp( propName, stock, val ); 


be 
( stock ) 
( updateTuples ); 


我 们 创建 了 updateTuples 元 组 来 保存 price 和 change 的 信息 ， 包 括 属性 名 称 和 格式 化 好 
的 值 。 把 stock 对 象 作为 initialvalue ， 对 元 组 进行 reduce(..) a 。 把 元 
组 中 的 信息 解构 成 propName 和 val ， 然 后 返回 了 setProp(..) 调用 的 结果 ， 这 个 结果 是 
一 个 被 复制 了 的 新 的 对 象 ， 其 中 的 属性 被 修改 过 了 。 


下 面 我 们 再 定义 几 个 辅助 函数 : 


var formatDecimal = unboundMethod( "toFixed" )( 2 ); 

var formatPrice = pipe( formatDecimal, formatCurrency ); 

var formatChange = pipe( formatDecimal, formatSign ); 

var processNewStock = pipe( addStockName, formatStockNumbers ); 


formatDecimal(..) 函数 接收 一 个 数字 作为 参数 (如 2.1 ) 并 且 调 用 数字 的 toFixed( 2 ) 
方法 。 我 们 使 用 了 第 8 章 介绍 的 unboundMethod(..) 来 创建 一 个 独立 的 延迟 绑 定 函数 8 


formatPrice(..) ， formatCchange(..) 和 processNewStock(..) 都 用 到 了 pipe(..) 来 从 左 
到 右 地 组 合 运算 ( 见 第 4 章 ) 。 


能 在 事件 发 送 器 的 基础 上 创建 observable ( 见 第 10 章 ) ， 我 们 将 封装 一 个 独立 的 柯 里 化 
辅助 函数 ( 见 第 3 章 ) 来 包装 RxJS 的 Rx.0bservable.fromEvent(..) 


Var makeObservableFromEvent = curry( Rx.Observable.fromEvent, 2 )( server ); 


这 个 函数 特定 地 监听 了 server (事件 发 送 器 ) ， 在 接受 了 事件 名 称 字 符 串 参数 后 ， 就 能 生成 
observable 了 。 我 们 准备 好 了 创建 observer 的 所 有 代码 片段 后 ， 用 映射 函数 转换 observer 
来 格式 化 获取 到 的 数据 : 


var observableMapperFns = [ processNewStock, formatStockNumbers 1]; 


var [ newStocks, stockUpdates ] = pipe( 
map( makeObservableFromEvent ), 
curry( zip )( observableMapperFns ), 
map( spreadArgs( transformobservable ) ) 


) 
(人 RSstock stock=updace | 


我 们 创建 了 包含 了 事件 名 称 ( ["stock", "stock-update"] ) 的 数组 ， 然 后 map(..) ( 见 第 8 
章 ) 这 个 数组 ， 生 成 了 一 个 包含 了 两 个 observable 的 数组 ， 然 后 把 这 个 数组 和 observable 映 
射 函 数 zip(..) ( 见 第 8 章 ) 起 来 ， 产 生 一 个 [ observable，mapperFn ] 这 样 的 元 组 数组 。 
最 后 通过 spreadArgs(..) ( 见 第 3 章 ) 把 每 个 元 组 数组 展开 为 单独 的 参数 ，map(..) 到 了 
transformObservable(..) 函数 上 。 
得 到 的 结果 是 一 个 包含 了 转换 好 的 observable 的 数组 ， 通 过 数组 结构 赋值 的 方式 分 别 赋值 到 
了 newstocks 和 stockUpdates 两 个 变量 上 。 
到 此 为 止 ， 我 们 用 轻 量 级 函数 式 编程 的 方式 来 让 股票 行情 信息 事件 成 为 了 observable ! 在 
ch11-code/stock-ticker.js 中 我 们 会 订阅 这 两 个 observable。 
头 想 想 我 们 用 到 的 函数 式 编程 原则 。 这 样 做 有 没有 意义 呢 ? 你 Wo 白 我 们 是 如 何 运 用 前 

ne ee 别 的 方式 来 实现 这 些 功能 
更 重要 的 是 ， Dg At a ? 你 认为 两 种 方式 相 比 
就 优 就 劣 ? 试 试看 用 你 熟悉 的 命令 式 编程 的 方式 去 写 这 个 功能 。 如 果 你 和 我 一 样 ， 那 么 命令 
式 编程 仍然 会 让 你 感到 更 加 然 。 
在 进行 下 面 的 学 习 之 前 ， 你 需要 明白 的 是 ， 除 了 使 你 感到 非常 自然 的 命令 式 编程 以 外 ， 你 也 

已 经 能 够 了 解 函 数 式 编程 的 合理 性 了 。 想 想 看 每 个 函数 的 输入 和 输出 ， 你 看 到 它们 是 怎样 组 
合 在 一 起 的 了 吗 ? 


在 你 容 然 开朗 以 前 一 定 要 持续 不 断 地 练习 。 


股票 行情 界面 


如 果 你 熟悉 了 上 一 章节 中 的 函数 式 编程 模式 ， 你 就 可 以 开始 学 习 ch11-code/stock-ticker. js 
文件 中 的 内 容 了 。 这 里 会 涉及 相当 多 的 重要 内 容 ， 所 以 我 们 将 好 好 地 理解 整个 文件 中 的 每 个 
方法 。 


我 们 先 从 定义 一 些 操 作 DOM 的 辅助 函数 开始 : 


function ISTextNode(node) { 
return node && node.nodeType == 3; 
} 
function getElemAttr(elem,prop) { 
return elem.getAttribute( prop ); 


} 
function setElemAttr(elem,prop,val) { 

// 副作用 ! ! 

return elem,.setAttribute( prop, val ); 
} 


function matchingStockId(id) { 
return function isStock(node){ 
return getStockId( node ) == id; 
}; 
} 
function isStockIinfoChildElem(elem) { 
return /\bstock-/i.test( getCJlassName( elem ) ); 


} 

function appendDOMChild(parentNode,childNode) { 
ALAER! 
parentNode.appendCchild( childNode ); 
return parentNode; 

} 

function SetDOMContent(elem, htm]) { 
// 副作用 ! 1 
elem.innerHTML = html; 
return elem; 

} 


var createElement = document.createElement.bind( document ); 
var getElemAttrByName = curry( reverseArgs( getElemAttr ), 2 ); 


var getStockId = getElemAttrByName( "data-stock-id" ); 
var getClassName = getElemAttrByName( "class" ); 


这 些 函 数 应 该 算是 不 言 自明 的 。 为 了 获得 getElemAttrByName(..) ， 我 用 了 


curry(reverseArgs( .. )) ( 见 第 3 章 ) 而 不 是 partialRight(..) ， 只 是 为 了 在 这 种 特殊 情 


况 下 ， 稍 微 提 高 一 点 性 能 。 


注意 ， 我 标 出 了 操作 DOM 元 素 时 的 副作用 。 因 为 不 能 简单 地 用 克隆 的 DOM 对 象 去 替换 已 有 
的 ， 所 以 我 们 在 不 替换 已 有 对 象 的 基础 上 上， 勉强 接受 了 一 些 副作用 的 产生 。 至 少 如 果 在 DOM 


泻 染 中 产生 一 个 错误 ， 我 们 可 以 轻松 地 搜索 这 些 代码 注释 来 缩小 可 能 的 错误 代码 。 


matchingsStockId(..) 用 到 了 闭 包 ( 见 第 2 章 ) ， 它 创建 了 一 个 内 部 函数 ( isstock(..) ) ， 


使 在 其 他 作用 域 下 运行 时 依然 能 够 保存 id 变量 。 


其 他 的 辅助 函数 : 


Function stripPrefix(prefixRegqex) { 
return function mapperFn(val) { 
return val.replace( prefixRegex, "" ); 
}; 
} 
functronmn Listrty(lrstorTtem ne 
if (!Array.isArray( listorIitem )) { 
return [ listorItem ]; 


} 


return listOrItem; 


定义 一 个 用 以 获取 某 个 DOM 元 素 的 子 节点 的 辅助 函数 : 


Var getDOMChildren = pipe( 
listify, 
flatMap( 
pipe( 
curry( prop )( "childNodes" ), 
Array.from 


首先 ， 用 listify(..) 来 保证 我 们 得 到 的 是 一 个 数组 (即使 里 面 只 有 一 个 元 素 ) 。 回 忆 一 下 
在 第 8 章 中 提 到 的 flatMap(..) ， 这 个 函数 把 一 个 包含 数组 的 数组 扁平 化 ， 变 成 一 个 浅 数 
组 。 


映射 函数 先 把 DOM 元 素 映 射 成 它 的 子 元 素数 组 ， 然 后 我 们 用 Array.from(..) 把 这 个 数组 变 
成 一 个 丨 实 的 数组 (而 不 是 一 个 NodeList) 。 这 两 个 函数 组 合成 一 个 映射 函数 (通过 
pipe(..) ) ， 这 就 是 融合 ( 见 第 8 章 ) 。 


现在 ， 我 们 用 getpomchildren(..) 实用 函数 来 定义 股票 行情 工具 中 查找 特定 DOM 元 素 的 工 
具 函 数 : 


function getStockElem(tickerElem,stockId) { 
return pipe( 
getDOMChildren， 
filterout( isTextNode ), 
filterIn( matchingStockId( stockId ) ) 


) 
( tickerElem ); 


} 
function getStockIinfoChildElems(stockElem) { 
return pipe( 
getDOMChildren， 
filterout( isTextNode ), 
filterIn( isStockIinfoChildElem ) 


) 
( stockElem ); 


getstockElem(..) 接受 tickerElem DOM 节点 作为 参数 ， 获 取 其 子 元 素 ， 然 后 过 滤 ， 保 证 我 
们 得 到 的 是 符合 股票 代码 的 DOM 元 素 。 getstockInfochildElems(..) 几乎 是 一 样 的 ， 不 同 的 
是 它 从 一 个 股票 元 素 节 点 开始 查找 ， 还 使 用 了 不 同 的 过 滤 函 数 。 


两 个 实用 函数 都 会 过 滤 掉 文字 节点 (因为 它们 没有 其 他 的 DOM 节点 那样 的 方法 ) ， 保 证 返回 
一 个 DOM 元 素数 组 ， 哪 怕 数 组 中 只 有 一 个 元 素 。 


我 们 用 stockTickeruI 对 象 来 保存 三 个 修改 界面 的 主要 方法 ， 如 下 : 


Var stockTickerUI = { 
updateStockElems(stockInfoChildElemList,data) { 
7 
】 
updateStock(tickerElem,data) { 
7 


】， 


addStock(tickerElem, data) { 
Ht 


}; 


我 们 先 看 看 UpdateStock(..) ， 这 是 三 个 函数 里 面 最 简单 的 ， 


Var stockTickerUI = { 
ah 


updateStock(tickerElem,data) { 
Var getStockElemFromId = curry( getStockElem )( tickerElem ); 
Var stockIinfoCchildElemList = pipe( 
getStockElemFromId, 
getStockInfoCchildElems 


) 
( data.id ); 


return stockTickerUI.updateStockElems( 
stockInfoCchildElemList, 
data 
); 
}, 


}; 


柯 里 化 之 前 的 辅助 函数 有 .) ， 传 给 它 tickerElem ， 得 到 了 
getSstockElemFromId(..) 函数 ， 这 个 函数 接受 data.id 作为 和 参数。 把 <1i> 元 素 (其 实 是 数 
组 形 5 传 入 getstockInfochildElems(..) ， 我 们 得 到 了 三 个 <span> 子 元 素 ， 用 来 展示 
股票 信息 ， 我 们 把 它们 保存 在 stockIinfochildElemList 变量 中 。 然 后 把 数组 和 股票 信息 

data 对 象 一 起 传 给 stockTickerUI.updateStockElems(..) ， 来 更 新 <Span> 中 的 数据 a 


现在 我 们 来 看 看 stockTickerUI.updatestockElems(..) 


Var stockTickerUI = { 


updateStockEJems(stockInfochildEJemList,data) { 
var getDataVal = curry( reverseArgs( prop ), 2 )( data ); 
Var extractIinfoCchildElemVal = pipe( 
getCclassName, 
stripPrefix( /\bstock-/i ), 
getDataVal 
); 
var orderedDataVals = 
map( extractInfochildElemval )( stockIinfoChildElemList ); 
Var elemsValsTuples = 
filterOut( function updateValueMissing([infoChildElem,val])t 
return val === undefined; 


Dy 
( zip( stockInfocCchildElemList, orderedDataVals ) ); 


// 副作用 ! | 

compose( each, spreadArgs ) 
( SetDOMContent ) 

( elemsValsTuples ); 


}, 


/a 


}; 


这 部 分 有 点 难 理解 。 我 们 一 行 行 来 看 。 


首先 把 prop 函数 的 参数 反 转 ， 柯 里 化 后 ， 把 data 消息 对 象 绑 定 上 去 ， 得 到 了 
getDataval(..) 函数 ， 这 个 函数 接收 一 个 属性 名 称 作 为 参数 ， 返 回 data 中 的 对 应 的 属性 名 
称 的 值 。 


接 下 来 ， 我 们 看 看 extractInfochildElem 


var extractIinfoCchildElemVal = pipe( 
getCclassName, 
stripPrefix( /\bstock-/i )， 
getDataVal 


) 儿 


这 个 函数 接受 一 个 DOM 元 素 作 为 参数 ， 拿 到 class 属性 的 值 ， 然 后 把 _ "stock-" 前 缓 去掉， 
然后 用 这 个 属性 值 ( "name" ? "price" 或 "change" ) ， 通 过 getDataVal(..) 函数 ， 在 
data 中 找到 对 应 的 数据 。 你 可 能 会 问 : “还 有 这 种 操作 ?”。 


其 实 ， 这 么 做 的 目的 是 按照 stockInfochildElemList 中 的 <span> 元 素 的 顺序 从 data 中 拿 
到 数据 。 我 们 对 stockInfochildElemList 数组 调用 extractInfochildElem 映射 函数 ， 来 拿 到 
这 些 数据 。 


接 下 来 ， 我 们 把 <span> 数组 和 数据 数组 压缩 起 来 ， 得 到 一 个 元 组 : 


zip( stockInfoChildElemList, orderedDataVals ) 


这 里 有 一 点 不 太 容易 理解 ， 我 们 定义 的 observable 转换 函数 中 ， 新 的 股票 行情 数据 data 会 
包含 一 个 name 属性 ， 来 对 应 <span class="stock-name"> 元 素 ， 但 是 在 股票 行情 更 新 事件 的 
数据 中 可 能 会 找 不 到 对 应 的 name 属性 。 


一 般 来 说 ， 如 果 股 票 更 新 消息 事件 的 数据 对 象 不 包含 某 个 股票 数据 的 话 ， 我 们 就 不 应 该 更 新 
这 只 股票 对 应 的 DOM 元 素 。 所 以 我 们 要 用 filterout(..) 别 除 掉 没 有 值 的 元 组 (这 里 的 值 
在 元 组 的 第 二 个 元 素 ) 。 


Var elemsValsTuples = 
filterout( function updateValueMissing([infoChildElem,vall)t 
return val === undefined; 


De) 
( zip( stockInfoChildElemList, orderedDataVvals ) ); 


后 的 结果 是 一 个 元 组 数组 (如 : [ <span>, ".." ] ) ， 这 个 数组 可 以 用 来 更 新 DOM 
0 Ce 个 结果 保存 到 elemsvalsTuples 变量 中 。 


注意 : 既然 updatevalueMissing(..) 是 声明 在 函数 内 的 ， 所 以 我 们 可 以 更 方便 地 控制 这 个 遂 
数 。 与 其 使 用 spreadArgs(..) 来 把 函数 接收 的 一 个 数组 形式 的 参数 展开 成 两 个 参数 ， 我 们 可 
直接 用 函数 的 参数 解构 疡 明 ( function updateValueMissing([infoChildElem,vall){ .. ) a 
参见 第 2 章 


最 后 ， 我 们 要 更 新 DOM 中 的 <span> 元 素 : 


compose( each, spreadArgs )( setDOMContent ) 
( elemsVvalsTuples ); 


我 们 用 each(..) 遍历 了 elemsvalsTuples 数组 (参考 第 8 章 中 关于 forEach(..) 的 讨 


论 ) 。 


与 其 他 地 方 使 用 pipe(..) 来 组 合 函 数 不 同 ， 这 里 使 用 compose(..) ( 见 第 4 章 ) ， 先 把 
setDomcontent(..) 传 到 spreadArgs(..) ， 再 把 执行 的 结果 作为 迭代 函数 传 到 each(..) 
中 。 执 行 时 ， 每 个 元 组 被 展开 为 参数 传 给 了 setpoMcontent(..,) 函数 ， 然 后 对 应 地 更 新 DOM 
元 素 。 


后 说 明 下 addstock(..)。 我 们 先 把 整个 函数 写 出 来 ， 然 后 再 一 句 句 地 解释 : 


人 


Var stockTickerUI = { 
VY 


addStock(tickerElem,data) { 

var [stockElem, ...infoCchildElems] = map( 
createElement 

) 

(Spa Spans heshan |) 

var attrValTuples = [ 
[ ["class","stock"], ["data-stock-id",data.id] ]， 
melass Stock mame Hl 
[EChass stock Orice dl 
[ ["class","stock-change"] ] 


] ; 
Var elemsAttrsTuples = 
zip( [stockElem, ...infoChildElems], attrVvalTuples ); 
// 副作用 ! ! 
each( function setElemAttrs([elem,attrVvalTupleList]){ 
each( 
spreadArgs( partial( setElemAttr, elem ) ) 
) 
( attrvalTupleList ); 
Dy' 


( elemsAttrsTuples ); 


// 副作用 ! | 

stockTickerUI.updateStockElems( infoChildElems, data ); 
reduce( appendDOMChild )( stockElem )( infoCchildElems ); 
tickerElem.appendchild( stockElem ); 


}; 


这 个 操作 界面 的 函数 会 根据 新 的 股票 信息 生成 一 个 空 的 DOM 结构， 然后 调用 
stockTickerUI.updateStockElems(..) 方法 来 更 新 其 中 的 内 容 。 


首先 : 
var [stockElem, ...infoCchildElems] = map( 
createElement 
) 


( [ 本 汪 "span", "span", rspany ] D> 


我 们 先 创建 <1i> 父 元 素 和 三 个 <span> 子 元 素 ， 把 它们 分 别 赋值 给 了 stockElem 
infochildElems 数组 。 


和 


为 了 设置 DOM 元 素 的 对 应 属性 ， 我 们 声明 了 一 个 元 组 数组 组 成 的 数组 。 按 照 顺 序 ， 每 个 元 组 
数组 对 应 上 面 四 个 DOM 元 素 中 的 一 个 。 每 个 元 组 数组 中 的 元 组 由 对 应 元 素 的 属性 和 值 组 成 : 


var attrvalTuples = [ 
[ ["class","stock"], ["data-stock-id",data.id] ]， 
[ ["class","stock-name"] |], 
I ecLlasss Stock Drucer ln 
[ ["class","stock-change"] ] 


我 们 把 四 个 DOM 元 素 和 attrvalTuples 数组 zip(..) 起 来 : 


var elemsAttrsTuples = 


zip( [stockElem, ...infoChildElems], attrValTuples ); 
最 后 的 结果 会 是 : 
[ 
[ <1i>, [ ["class","stock"], ["data-stock-id",data.id] ] ]， 
[ <span>, [ ["class","stock-name"] ] ]， 
] 


如 果 我 们 用 命令 式 的 方式 来 把 属性 和 值 设置 到 每 个 DOM 元 素 上 ， 我 们 会 用 风 套 的 for 循 
环 。 用 元 数 式 编程 的 方式 的 话 也 会 是 这 样 ， 不 过 这 时 嵌 套 的 是 each(..) 循环 : 


// 副作用 ! | 
each( function setElemAttrs([elem,attrValTupleList]){ 
each( 
spreadArgs( partial( setElemAttr, elem ) ) 


) 
( attrvalTupleList ); 


} ) 


( elemsAttrsTuples ); 


外 层 的 each(..) 循环 了 元 组 数组 ， 其 中 每 个 数组 的 元 素 是 一 个 elem 和 它 对 应 的 


attrvalTupleList ， 这 个 元 组 数组 被 传 入 了 setElemAttrs(..) ， 在 函数 的 参数 中 被 解构 成 两 
个 值 。 


在 外 层 循环 内 ， 元 组 数组 的 子 数组 ( 包含 了 属性 和 值 的 数组 ) 被 传递 到 了 内 层 的 each(..) 
循环 中 。 内 层 的 迭代 有 函数 首先 以 elem 作为 第 一 个 参数 对 SE 司 ) 进行 了 部 分 实 
现 ， 然 后 把 剩 下 的 函数 参数 展开 ， 把 每 个 属性 值 元 组 作为 参数 传递 进 这 个 函数 中 。 


到 此 为 止 ， 我 们 有 了 <span> 元 素数 组 ， 每 个 元 素 上 都 有 了 该 有 的 属性 ， 但 是 还 没有 
innerHTML 的 内 容 。 这 里 ， 我 们 要 用 stockTickerUI.updatestockElems(..) 函数 ， 把 data 
设置 到 <span> 上 去 ， 和 股票 票 信 息 更 新 事件 的 处 理 一 样 。 


， 我们 要 把 这 些 <span> 元 素 添加 到 对 应 的 父 级 <li> 元 素 中 去 ， 我 们 用 reduce(..) 
下 件 事 ( 见 第 8 章 ) 。 


reduce( appendDOMChild )( stockElem )( infochildElems ); 


最 后 ， 用 操作 DOM 元 素 的 副作用 方法 把 新 的 股票 元 素 添 加 到 小 工具 的 DOM 节点 中 去 : 


tickerElem.appendChild( stockElem ); 


呼 1 你 跟 上 了 吗 ? 我 建议 你 在 继续 下 去 之 前 ， 回 到 开头 ， 重 新 读 几 遍 这 部 分 内 容 ， 再 练习 几 
遍 。 


订阅 Observable 


最 后 一 个 重要 任务 是 订阅 ch11-code/stock-ticker-events.js 中 定义 的 observable， 把 事件 
传递 给 正确 的 主 函 数 ( addstock(..) 和 updatestock(..) ) 。 


注意 ， 这 两 个 主 函 数 接受 tickerElem 作为 第 一 个 参数 。 我 们 声明 一 个 数组 

( stockTickerUIMethodswithpoMcontext ) 保存 了 两 个 中 间 部 数 (也 叫 作 闭 包 ， 见 第 2 章 ) ， 
这 两 个 中 间 函 数 是 通过 部 分 参数 绑 定 的 函数 把 小 工具 的 DOM 元 素 绑 定 到 了 两 个 主 函 数 上 来 生 
成 的 。 


var ticker = document.getElementById( "stock-ticker" ); 


Var stockTickerUIMethodswithDOMContext = map( 
curry( reverseArgs( partial ), 2 )( ticker ) 


( [ stockTickerUI.addStock，stockTickerUI.updateStock ] ); 


reverseArgs( partial ) 是 之 前 提 到 的 partialRight(..) 的 蔡 代 品 ， 优化 了 性 能 。 但 是 这 里 
partial(..) 是 映射 函数 的 目标 函数 。 所 以 我 们 需要 事先 curry(..) 人 化， 这样 我 们 就 可 以 先 
把 第 二 个 参数 ticker 传 给 partial(..) ， 后 面 把 主 函 数 传 进 并 去 的 时 候 就 可 以 用 到 之 前 传 入 
的 ticker 了 。 数 组 中 的 这 两 个 中 间 函 数 就 可 以 被 用 来 订阅 observable 了 。 


我 们 用 闭 包 在 这 两 个 中 间 函 数 中 保存 了 ticker 数据 ， 在 第 7 章 中 ， 我 们 知道 了 还 可 以 把 
ticker 保存 在 对 象 的 属性 上 ， 通 过 使 用 两 个 函数 上 的 指向 stockTickeruI 的 this 来 访问 
ticker 。 因 为 this 是 个 隐 式 的 输入 ( 见 第 2 章 ) 所 以 一 般 来 说 不 推荐 用 对 象 的 方式 ， 
所 以 我 使 用 了 闭 包 的 方式 。 


为 了 订阅 observable， 我 们 先 写 一 个 辅助 了 兄 数 ， 提 供 一 个 未 绑 定 的 方法 : 


var subscribeToObservable = 
pipe( uncurry, spreadArgs )( unboundMethod( "subscribe™" ) ); 


unboundMethod("subscribe") 已 经 柯 里 化 了 ， 所 以 我 们 用 uncurry(..) ( 见 第 3 章 ) 先 反 柯 
里 化 ， 然 后 再 用 spreadArgs(..) (依然 见 第 3 章 ) 来 修改 接受 的 参数 的 格式 ， 所 以 这 个 函数 
接受 一 个 元 组 作为 参数 ， 展 开 后 传递 下 去 。 


现在 ， 我 们 只 要 把 observable 数组 和 封装 好 上 下 文 的 主 函 数 zip(..) 起 来 。 生 成 一 个 元 组 
数组 ， 每 个 元 组 可 以 用 之 前 定义 的 supscribeToobservable(..) 辅助 函数 来 订阅 observable : 


var stockTickerObservables = [ newStocks, stockUpdates |]; 


// 副作用 ! |! 
each( subscribeToObservable ) 
( zip( stockTickerUIMethodswithDOMContext, stockTickerObservables ) ); 


由 于 我 们 修改 了 这 些 observable 的 状态 以 订阅 它们 ， 而 且 由 于 我 们 使 用 了 each(..) 一 一 总 
是 和 副作用 相关 ! 一 一 我们 用 代码 注释 来 说 明 这 个 问题 。 

就 是 这 样 ! 花 些 时 间 研 究 比 较 这 段 代 码 和 它 命 令 式 的 替代 版 本 ， 正 如 我 们 之 前 在 股票 行情 信 
息 中 讨论 到 的 一 样 。 站 的 ， 可 以 多 花 点 时 间 。 我 知道 这 是 一 本 很 长 的 书 ， 但 是 完整 地 读 下 来 
会 让 你 能 够 消化 和 理解 这 样 的 代码 。 


你 现在 打算 在 JavaScript 中 如 何 合理 地 使 用 函数 式 编程 ? 继续 练习 ， 就 像 我 们 在 这 里 做 的 一 


我 们 在 本 章 中 讨论 的 示例 代码 应 该 被 作为 一 个 整体 来 阅读 ， 而 不 仅仅 是 作为 章节 中 所 展示 的 
支离破碎 的 代码 片段 。 如 果 你 还 没有 完整 地 阅读 过 ， 现 在 请 停 下 来 ， 去 完整 地 阅读 一 遍 代 码 
目录 下 的 文件 吧 。 确 保 你 在 完整 的 上 下 文中 了 解 它们 。 


示例 代码 并 不 是 实际 编写 代码 的 范例 ， 只 是 提供 了 一 种 描述 性 的 ， 教 授 如 何 用 轻 量 级 函数 式 
的 技巧 来 解决 此 类 问题 的 方法 。 这 些 代 码 尽 可 能 多 地 把 本 书 中 不 同 概念 联系 起 来 。 这 里 提供 
了 比 代码 片段 更 丨 实 的 例子 来 学 习 郊 数 式 编程 。 

我 相信 ， 随 着 我 不 断 地 学 习 函 数 式 编程 ， 我 会 继续 改进 这 个 示例 代码 。 你 现在 看 到 的 只 是 我 
在 学 习 曲 线 上 的 一 个 快照 。 我 希望 对 你 来 说 也 是 如 此 。 


在 我 们 结束 本 书 的 主要 内 容 时 ， 我 们 一 起 回顾 一 下 我 在 第 1 章 中 提 到 的 可 读 性 曲线 : 


Where many 
developers give up 
”on learning FP 


Readability “一 一 一 二 





Imperative 一 Declarative / FP 
在 学 习 函 数 式 编程 的 过 程 中 ， 理 解 这 张 图 的 站 亡 ， 并 且 为 自己 设 定 合理 的 预期 ， 是 非常 重要 
的 。 你 已 经 到 这 里 了 ， 这 已 经 是 一 个 很 大 的 成 果 了 。 


但 是 ， 当 你 在 绝望 和 沁 品 的 低谷 时 ， 别 停 下 来 。 前 面 等 待 你 的 是 一 种 更 好 的 思维 方式 ， 可 以 
写 出 可 读 性 更 好 ， 更 容易 理解 ， 更 容易 验证 ， 最 终 更 加 可 靠 的 代码 。 


我 不 需要 再 为 开发 者 们 不 断 前 行 想 出 更 多 棠 高 的 理由 。 感 谢 你 参与 到 我 学 习 JavaScript 中 的 
函数 式 编程 的 原理 的 过 程 中 来 。 我 希望 你 的 学 习 过 程 和 我 的 一 样 ， 充 实 而 充满 希望 ! 


JavaScript 轻 量 级 函数 式 编程 


附录 A : Transducing 


Transducing 是 我 们 这 本 书 要 讲 到 的 更 为 高 级 的 技术 。 它 继承 了 第 8 章 数 组 操作 的 许多 。 


我 不 会 把 Transducing 严格 的 称 为 “ 轻 量 级 函数 式 编程 "， 它 更 像 是 一 个 顶级 的 技巧 。 我 把 这 个 
技术 留 到 附录 来 讲 意 味 着 你 现在 很 可 能 并 不 需要 关心 它 ， 当 你 确保 你 已 经 非常 熟悉 整 本 书 的 
主要 内 容 ， 你 可 以 再 回头 看 看 这 一 章节 。 

说 实话 ， 即 使 我 已 经 教 过 transducing 很 多 次 了 ， 在 写 这 一 章 的 时 候 ， 我 仍然 需要 花 很 多 脑力 
去 理 清楚 这 个 技术 。 所 以 ， 如 果 你 看 这 一 章 看 的 很 疑惑 也 没 必 要 感到 浊 均 。 把 这 一 章 加 个 书 
签 ， 等 你 觉得 你 差不多 能 理解 时 再 回头 看 看 。 

Transducing 就 是 通过 减少 来 转换 。 


我 知道 这 听 起 来 很 令 人 费解 。 但 是 让 我 们 来 看 看 它 有 多 强大 。 实 际 上 ， 我 认为 这 是 你 掌握 了 
轻 量 级 函数 式 编程 后 可 以 做 的 最 好 的 例证 之 一 。 


Wai 我 的 方法 是 先 解释 为 什么 使 用 这 个 技术 ， 然 后 如 何 使 用 ， 最 后 内 


为 简单 的 这 个 技术 到 底 是 什么 样 的 。 这 通常 会 有 多 学 很 多 东西 ， 但 是 我 觉得 用 这 种 方式 你 
pg 它 。 


首先 ， 为 什么 
让 我 们 从 扩展 我 们 在 第 3 章 中 介绍 的 例子 开始 ， 测 试 单词 是 否 足够 短 和 /或 足够 长 : 


function isLongEnough(str) { 
return str.length >= 5; 


} 


function isShortEnough(str) { 
return str.length <= 10; 
} 


在 第 3 章 中 ， 我 们 使 用 这 些 断 言 本 才 来 测试 一 个 单 记 。 然 后 在 第 8 章 中 ， 我 们 学 习 了 如 何 使 
用 像 filter(..) 这 样 的 数组 操作 来 重复 这 些 测试 。 例 如 


Vanewondse = You have so wntten ee somethangu ee verv nterestung al 


words 

.filter( isLongEnough ) 
.filter( isShortEnough ); 
// ["written","something"] 


这 个 例子 可 能 并 不 明显 ， 但 是 这 种 分 开 操 作 相 同 数 组 的 方式 具有 一 些 不 理想 的 地 方 。 当 我 们 
处 理 一 个 值 比较 少 的 数组 时 一 ee 下 好 。 但 是 如 果 数 组 中 有 很 多 值 ， 每 个 filter(..) 分 别 
处 理 数 组 的 每 个 值 会 比 我 们 预期 的 慢 一 点 。 


当 我 们 的 数组 是 异步 /懒惰 (也 称 为 observables) 的 ， 随 着 时 间 的 推移 响应 事件 处 理 ( 见 第 
10 章 ) ， 会 出 现 类 似 的 性 能 问题 。 在 这 种 情况 下 ， 一 次 事件 只 有 一 个 值 ， 因 此 使 用 两 个 单独 
的 filter(..) 函数 处 理 这 些 值 并 不 是 什么 大 不 了 的 事情 。 


但 是 ， 不 太 明 显 的 是 每 个 filter(..) 方法 都 会 产生 一 个 单独 的 observable 值 。 从 一 个 
observable 值 中 抽出 一 个 值 的 开销 丨 的 可 以 加 起 来 ( 译 者 注 : 详情 请 看 第 10 章 的 “积极 的 vs 
惰性 的 "这 一 节 ) 。 这 是 站 实 存在 的 ， 因 为 在 这 些 情况 下 ， 处 理 数 二 或 数 百 万 的 值 并 不 罕见 ; 所 
以 ， 即 使 是 这 么 小 的 成 本 也 会 很 快 票 加 起 来 。 


另 一 个 缺点 是 可 读 性 ， 特 别 是 当 我 们 需要 对 多 个 数组 (或 observable) 重复 相同 的 操作 时 。 
例如 : 


zip( 
list1.filter( isLongEnough ).filter( isShortEnough ), 
list2.filter( isLongEnough ).filter( isShortEnough ), 
list3.filter( isLongEnough ).filter( isShortEnough ) 


显得 很 重复 ， 对 不 对 ? 


如 果 我 们 可 以 将 isLongEnough(..) 断言 与 isshortEnough(..) 断言 组 合 在 一 起 是 不 是 会 更 好 
一 点 呢 (可 读 性 和 性 能 ) ? 你 可 以 手动 执行 


function LsCorrectLength(str) 4{ 
return isLongEnough( str ) && isShortEnough( str ); 


} 


但 这 不 是 函数 式 编程 的 方式 ! 





在 第 8 章 中 ， 我 们 讨论 了 融合 一 一 组 合 相 邻 映射 函数 。 回 忆 一 下 : 


words 
.map( 
pipe( removeInvalidChars, upper, elide ) 


几 


不 幸 的 是 ， 组 合 相 邻 断 言 函 数 并 不 像 组 合 相 邻 映射 函数 那样 容易 。 为 什么 呢 ? 想 想 断言 函数 
长 什么 “样子 ”一 一 一 种 描述 输入 和 输出 的 学 术 方 式 。 它 接收 一 个 单一 的 参数 ， 返 回 一 个 true 
或 false。 


如 果 你 试 着 用 isshortenough(islongenough(str)) ， 这 是 行 不 通 的 。 因 为 islongenough(..) 
会 返回 true 或 者 false ， 而 不 是 返回 isshortenough(..) 所 要 的 字符 囊 类 型 的 值 。 这 可 站 倒 


Big 


短 。 


试图 组 合 两 个 相 令 的 reducer 函数 同样 是 行 不通 的 。reducer 函数 接收 两 个 值 作 为 输入 ， 并 返 
回 单个 组 合 值 。reducer 函数 的 单一 返回 值 也 不 能 作为 参数 传 到 另 一 个 需要 两 个 输入 的 
reducer 函数 中 。 


此 外 ， reduce(..) 辅助 函数 可 以 接收 一 个 可 选 的 initialvalue 输入 。 有 时 可 以 省 略 ， 但 有 
时 候 它 又 必须 被 传 入 。 这 就 让 组 合 更 复杂 了 ， 因 为 一 个 reduce(..) 可 能 需要 一 个 
initialvalue ， 而 另 一 个 reduce(..) 可 能 需要 另 一 个 initialvalue 。 所 以 我 们 怎么 可 能 只 


用 某 种 组 合 的 reducer 来 实现 reduce(..) 呢 。 


考虑 像 这 样 的 链 : 


words 

.map( strUppercase ) 
.filter( isLongEnough ) 
.filter( isShortEnough ) 
.reduce( strConcat, "" ); 


// "WRITTENSOMETHING" 


你 能 想 出 一 个 组 合 能 够 包含 map(struppercase) ， 

filter(isLongEnough) ? filter(isShortEnough) ， reduce(strConcat) 所 有 这 些 操作 吗 ? 每 
种 操作 的 行为 是 不 同 的 ， 所 以 不 能 直接 组 合 在 一 起 。 我 们 需要 把 它们 修改 下 让 它们 组 合 在 一 
起 。 


希望 这 些 例子 说 明了 为 什么 简单 的 组 合 不 能 胜任 这 项 任务 。 我 们 需要 一 个 更 强大 的 技术 ， 而 
transducing 就 是 这 个 技术 。 


I 


让 我 们 谈 谈 我 们 该 如 何 得 到 一 个 能 组 合 映射 ， 断 言 和 /或 reducers 的 框架 。 


别 太 紧张 : 你 不 必 经 历 编程 过 程 中 所 有 的 探索 步骤 。 一 旦 你 理解 了 transducing 能 解决 的 问 
题 ， 你 就 可 以 直接 使 用 函数 式 编程 库 中 的 transduce(..) 工具 继续 你 应 用 程序 的 剩 余部 分 | 


让 我 们 开始 探索 吧 。 


把 Map/Filter 表示 为 Reduce 


我 们 要 做 的 第 一 件 事情 就 是 将 我 们 的 _ filter(..) 和 map(..) 调用 变 为 reduce(..) 调用 。 
回想 一 下 我 们 在 第 8 章 是 怎么 做 的 : 


function strUppercase(str) { return str.toUpperCase(); } 
funetaronnerConcat (st ser (euurneser ost 


function stryuppercaseReducer(1l1ist,sStr) { 
list.push( strUppercase( str ) ); 
return list; 


function isLongEnoughReducer(list,str) { 
if (isLongEnough( str )) list.push( str ); 
return list; 


function isShorteEnoughReducer(list,str) { 
If (isShortEnough( str )) list.push( str ); 
return list; 


words 

.reduce( strUppercaseReducer, [] ) 
.reduce( isLongEnoughReducer, [] ) 
.reduce( isShortEnough, [] ) 
‘reduce( strConcat, "" ); 

// "WRITTENSOMETHING" 


这 是 一 个 不 错 的 改进 。 我 们 现在 有 四 个 相 邻 的 reduce(..) 调用 ， 而 不 是 三 种 不 同方 法 的 混 
合 。 然 而 ， 我 们 仍然 不 能 compose(..) 这 四 个 reducer， 因 为 它们 接受 两 个 参数 而 不 是 一 个 
参数 。 


在 8 章 ， 我 们 偷 了 点 懒 使 用 了 数组 的 push 方法 而 不 是 concat(..) 方法 返回 一 个 新 数组 ， 
导致 有 副作用 。 现 在 让 我 们 更 正式 一 点 : 


function strUppercaseReducer(list,str) { 
return list.concat( [strUppercase( str )] ); 


function isLongEnoughReducer(list,str) { 
If (isLongEnough( str )) return list.concat( [str] ); 
return list; 


function sshortenoughReducer (dnst, str) ne 
If (isShortEnough( str )) return list.concat( [str] ); 
return list; 


在 后 面 我 们 会 来 头 看 看 这 里 是 否 需 要 concat(..) 。 


参数 化 Reducers 


除了 使 用 不 同 的 断言 函数 之 外 ， 两 个 filter reducers 几乎 相同 。 让 我 们 把 这 些 reducers 参数 
化 得 到 一 个 可 以 定义 任何 filter-reducer 的 工具 函数 : 


FunctaomtriterReducer(predrecateEn) 
return funection reducer (lst val){ 
If (predicateFn( val )) return list.concat( [val] ); 
return Jist; 


}; 


var isLongEnoughReducer = filterReducer( isLongEnough ); 
var isShortEnoughReducer = filterReducer( isShortEnough ); 


同样 的 ， 我 们 把 mapperFn(..) 也 参数 化 来 生成 map-reducer 函数 : 


function mapReducer(mapperFn) { 
returm function reducer (List val)t{ 
return list.concat( [mapperFn( val )] ); 


}; 
var StrToUppercaseReducer = mapReducer( strUppercase ); 


我 们 的 调用 链 看 起 来 是 一 样 的 : 


words 

reduce( strUppercaseReducer, 
reduce( isLongEnoughReducer, [] ) 
reduce( isShortEnough, [] ) 
reduce( strConcat, "" ); 


提取 共用 组 合 逻 辑 
仔细 观察 上 面 的 mapReducer(..) 和 filterReducer(..) 函数 。 你 发 现 共 享 功 能 了 吗 ? 
这 部 分 : 

return list.concat( .. ); 


J 
returnm lsey 


让 我 们 为 这 个 通用 逻辑 定义 一 个 辅助 函数 。 但 是 我 们 叫 它 什么 呢 ? 


function WHATSITCALLED(list,val) { 
return list.concat( [val] ); 


WHATSITCALLED(..) 子 数 做 了 些 什 么 呢 ， 它 接收 两 个 参数 (一 个 数组 和 另 一 个 值 ) ， 将 值 
concat 到 数组 的 末尾 返回 一 个 新 的 数组 。 所 以 这 个 WHATSITCALLED(..) 名 字 不 合适 ， 我 们 可 


以 叫 它 listcombination(..) 


function listCombination(list,val) { 
return list.concat( [val] ); 


我 们 现在 用 listcombination(..) 来 重新 定义 我 们 的 reducer 辅助 函数 


function mapReducer(mapperFn) { 
return function reducer (list,val)t{ 
return listCombination( list, mapperFn( val ) ); 


}; 


Functionmn tlterReducenr(predicateen) ne 
return function reducer (list,val)t{ 
If (predicateFn( val )) return listCombination( list, val ); 
return list; 


+}; 


我 们 的 调用 链 看 起 来 还 是 一 样 的 (这 里 就 不 重复 写 了 ) 。 


参数 化 组 合 


我 们 的 listcombination(..) 小 工具 只 是 组 合 两 个 值 的 一 种 方式 。 让 我 们 将 它 的 用 途 参 数 
化 ， 以 使 我 们 的 reducers 更 加 通用 : 


function mapReducer(mapperFn, combinationFn) { 
return functrion reducer(L1ist val)e 
return combinationFn( list, mapperFn( val ) ); 


}; 


function filterReducer(predicateFn,combinationFn) { 
eturmeiunectlonnmeducer (List va 二 
If (predicateFn( val )) return combinationFn( list, val ); 
netmask 


}; 


使 用 这 种 形式 的 辅助 函数 : 


var strToUppercaseReducer = mapReducer( strUppercase, listCombination ) 
var isLongEnoughReducer = filterReducer( isLongEnough, listCombination ); 
var isShortEnoughReducer = filterReducer( isShortEnough, listCombination ); 


将 这 些 实用 函数 定义 为 接收 两 个 参数 而 不 是 一 个 参数 不 太 方 便 组 合 ， 因 此 我 们 使 用 我 们 的 
curry(..) 〈 柯 里 化 ) 方法 : 


var curriedMapReducer = curry( function mapReducer(mapperFn,combinationFn)t{ 
return function reducer (list,val)t{ 
return combinationFn( list, mapperFn( val ) ); 
}; 
} ); 


var curriedFilterReducer = curry( function filterReducer(predicateFn,combinationFn){ 
return function reducer (list,val){ 
If (predicateFn( val )) return combinationFn( list, val ); 
return list; 
}; 
} ); 
var strToUppercaseReducer = 
curriedMapReducer( strUppercase )( listCombination ); 
var isLongEnoughReducer = 
curriedFilterReducer( isLongEnough )( listCombination ); 


var isShortEnoughReducer = 
curriedFilterReducer( isShortEnough )( listCombination ); 


这 看 起 来 有 点 宛 长 而 且 可 能 不 是 很 有 用 。 


但 这 实际 上 是 我 们 进行 下 一 步 推导 的 必要 条 件 。 请 记 住 ， 我 们 的 最 终 目标 是 能 够 
compose(..) 这 些 reducers。 我 们 快要 完成 了 。 


组 合 柯 里 化 
这 一 步 是 最 琼 手 的 。 所 以 请 慢 慢 的 用 心 的 阅读 。 


让 我 们 看 看 没有 将 listcombination(..) 传递 给 柯 里 化 函数 的 样子 : 


var x = curriedMapReducer( strUppercase ); 


var y = curriedFilterReducer( isLongEnough ); 


var z = curriedFilterReducer( isShortEnough ); 


看 看 这 三 个 中 间 函 数 x(..) ， y(..) 和 z(..) 。 每 个 函数 都 期 望 得 到 一 个 单一 的 组 合 函 数 


并 产生 一 个 reducer 函数 。 


记 住 ， 如 果 我 们 想 要 所 有 这 些 的 独立 的 reducer， 我 们 可 以 这 样 做 : 


var upperReducer = x( listCombination ); 
var longEnoughReducer = y( listCcombination ); 
var shortEnoughReducer = z( listCcombination ); 


但 是 ， 如 果 你 调用 y(z) ， 会 得 到 什么 呢 ? 当 把 z 传递 给 y(..) 调用 ， 而 不 是 
combinationFn(..) 时 会 发 生 什 么 呢 ? 这 个 返回 的 reducer 函数 内 部 看 起 来 像 这 样 : 


Tunctaon reducer(Lrst val ll 
If (isLongEnough( val )) return z( list, val ); 
return list; 


看 到 z(..) 里 面 的 调用 了 吗 ? 这 看 起 来 应 该 是 错误 的 ， 因 为 z(..) 函数 应 该 只 接收 一 个 参 
数 ( combinationFn(..) ) ， 而 不 是 两 个 参数 (list 和 val) 。 这 和 要 求 不 匹配 。 不 行 。 


我 们 来 看 看 组 合 y(z(1listcombination)) 。 我 们 将 把 它 分 成 两 个 不 同 的 步骤 : 


var shortEnoughReducer = z( 1ListCombination ); 
var JongAndShortEnoughReducer = y( shortEnoughReducer ); 


我 们 创建 shortEnoughReducer(..) ， 然后 将 它 作 为 combinationFn(..) 传递 给 VC 2 生成 
longAndSshortEnoughReducer(..) 。 多 读 几 遍 ， 直 到 理解 。 


现在 想 想 : shortEnoughReducer(..) 和 longAndShortEnoughReducer(..) 的 内 部 构造 是 什么 样 
的 呢 ?你 能 想得到 吗 ? 


// shortEnoughReducer, from z(..): 
functiomreducer(lnst va 
If (isShortEnough( val )) return listCcombination( list, val ); 


return list; 


// longAndShortEnoughReducer, from yl(..): 
funetron reducern(Last Van 基 上 
if (isLongEnough( val )) return ShortEnoughReducer( list, val ); 


return list; 


你 看 到 shortEnoughReducer(..) 替代 了 longAndShortEnoughReducer(..) 里 面 
listcombination(..) 的 位 置 了 吗 ? 为 什么 这 样 也 能 运行 ? 


因为 reducer(..) 的 “形状 ”和 listcombination(..) 的 形状 是 一 样 的 。 换 名 话说 ，reducer 
可 以 用 作 另 一 个 reducer 的 组 合 函 数 ; 它们 就 是 这 样 组 合 起 来 的 ! 1listcombination(.,) 骂 数 
作为 第 一 个 reducer 的 组 合 函 数 ， 这 个 reducer 又 可 以 作为 组 合 函 数 给 下 一 个 reducer， 以 此 
类 推 。 


我 们 用 几 个 不 同 的 值 来 测试 我 们 的 longAndshortEnoughReducer(..) 


longAndShortEnoughReducer( [], ”nope” ); 
/ll 


longAndShortEnoughReducer( [], "hello™" ); 
A nedod 


longAndShortEnoughReducer( [], "hello world" ); 


ye | 


longAndShortEnoughReducer(..) 会 过 滤 出 不 够 长 且 不 够 短 的 值 ， 它 在 同 一 步骤 中 执行 这 两 个 
过 滤 。 这 是 一 个 组 合 reducer ! 


再 花 点 时 间 消 化 下 。 


现在 ， 把 x(..) (生成 大 写 reducer 的 产生 器 ) 加 入 组 合 : 


var JongAndShortEnoughReducer = y( z( listCombination) ); 
var upperLongAndShortEnoughReducer = x( longAndShortEnoughReducer ); 


正如 upperLongAndShortEnoughReducer(..) 名 字 所 示 ， 它 同时 执行 所 有 三 个 步骤 - 一 个 映射 和 
两 个 过 滤器 ! 它 内 部 看 起 来 是 这 样 的 : 


// upperLongAndShortEnoughReducer : 
Tunction reducer(list .val) { 
return JongAndShortEnoughReducer( list, strUppercase( val ) ); 


一 个 字符 串 类 型 的 val 被 传 入 ， 由 strUppercase(..) 转换 成 大 写 ， 然 后 传递 给 
longAndShortEnoughReducer(..) 。 该 函数 只 有 在 val 满足 足够 长 且 足 够 短 的 条 件 时 才 将 它 添 
加 到 数组 中 。 否 则 数组 保持 不 变 。 


我 花 了 几 个 星期 来 思考 分 析 这 种 杂 要 似 的 操作 。 所 以 别 着 急 ， 如 果 你 需要 在 这 好 好 研究 下 ， 
重新 闻 读 个 几 (十 几 个 ) 次 。 慢 慢 来 。 


现在 来 验证 一 下 : 


upperLongAndShortEnoughReducer( [], "nope" ); 
A | 


upperLongAndShortEnoughReducer( [], "hello" ); 
// ["HELLO"] 


upperLongAndShortEnoughReducer( [], "hello world" ); 
ei 


这 个 reducer 成 功 的 组 合 了 和 map 和 两 个 filter， 太 棒 了 |! 


让 我 们 回顾 一 下 我 们 到 目前 为 止 所 做 的 事情 : 


var x = curriedMapReducer( strUppercase ); 
var y = curriedFilterReducer( isLongEnough ); 
var z = curriedFilterReducer( isShortEnough ); 


var upperLongAndShortEnoughReducer = x( y( z( listCcombination ) ) ); 
words.reduce( upperLongAndShortEnoughReducer, [] ); 
// ["WRITTEN", "SOMETHING"] 
这 已 经 很 酪 了， 但 是 我 们 可 以 让 它 更 好 。 
x(y(z( .，))) 是 一 个 组 合 。 我 们 可 以 直接 跳 过 中 间 的 x / y / z 变量 名 ， 直 接 这 么 表示 


该 组 合 : 


Var composition = compose( 
curriedMapReducer( strUppercase )， 
curriedFilterReducer( isLongEnough )， 
curriedFilterReducer( isShortEnough ) 


); 
var upperLongAndShortEnoughReducer = composition( listCombination ); 
words.reduce( upperLongAndShortEnoughReducer，[] ); 
// ["WRITTEN", "SOMETHING"] 
我 们 来 考虑 下 该 组 合 函数 中 “数据 ?的 流动 : 
1. 1istcombination(,.) 作为 组 合 函 数 传 入 ， 构 造 isshortEnough(..) 过 滤器 的 reducer 。 


2.， 然 后 ， 所 得 到 的 reducer 元 数 作为 组 合 函 数 传 入 ， 继 续 构 造 isshortEnough(..) 过 滤器 
的 reducer 。 


3， 最 后 ， 所 得 到 的 reducer 函数 作为 组 合子 数 传 入 ， 构 造 strUppercase(..) 映射 的 
reducer 。 


在 前 面 的 片段 中 ， composition(..) 是 一 个 组 合 函数 ， 期 望 组 合 函 数 来 形成 一 个 reducer ; 而 
这 个 composition(,.) 有 一 个 特殊 的 标签 : transducer。 给 transducer 提供 组 合 函 数 产 生 组 
合 的 reducer : 


// TODO : 检查 transducer 是 产生 reducer 还 是 它 本 身 就 是 reducer 


var transducer = compose( 
curriedMapReducer( strUppercase )， 
curriedFilterReducer( isLongEnough )， 
curriedFilterReducer( isShortEnough ) 


由 


words 
reduce( transducer( listCombination ), [] ); 
Zl RTEN SOMENHENGHN 


注意 : 我 们 应 该 好 好 观察 下 前 面 两 个 片段 中 的 compose(..) 顺序 ， 这 地 方 有 点 难 理解 。 回 想 
一 下 ， 在 我 们 的 原始 示例 中 ， 我 们 先 map(struppercase) 然后 filter(isLongEnough) ， 最 后 
filter(isshortEnough) ; 这 些 操作 实际 上 也 确实 按照 这 个 顺序 执行 的 。 但 在 第 4 章 中 ， 我 们 
了 解 到 ， compose(..) 通常 是 以 相反 的 顺序 运行 。 那 么 为 什么 我 们 不 需要 反 转 这 里 的 顺序 来 
获得 同样 的 期 望 结 果 呢 ?来 自 每 个 reducer 的 combinationFn(..) 的 抽象 反 转 了 操作 顺序 。 
所 以 和 直觉 相反 ， 当 组 合 一 个 tranducer 时 ， 你 只 需要 按照 实际 的 顺序 组 合 就 好 | 


列表 组 合 : 纯 与 不 纯 
我 们 再 来 看 一 下 我 们 的 listcombination(..) 组 合 函 数 的 实现 : 


function listCombination(list,val) { 
return list.concat( [val] ); 


} 


虽然 这 种 方法 是 纯 的 ， 但 它 对 性 能 有 负面 有 影响。 首先 ， 它 创建 临时 数组 来 包 训 val 。 然 
后 ，concat(..) 方法 创建 一 个 全 新 的 数组 来 连接 这 个 临时 数组 。 每 一 步 都 会 创建 和 销毁 的 很 
多 数组 ， 这 不 仅 对 CPU 不 利 ， 也 会 造成 GC 内 存 的 流失 。 


下 面 是 性 能 更 好 但 是 不 纯 的 版 本 : 


function listCombination(list,val) { 
list.push( val ); 
return list; 


单独 的 考虑 下 listcombination(..) ， 毫 无 疑问 ， 这 是 不 纯 的 ， 是 我 们 想 要 避免 的 。 

旦 是 ， 我 们 应 该 考虑 一 个 更 大 的 背景 。 

listcombination(..) 不 是 我 们 完全 有 交互 的 函数 。 我 们 不 直接 在 程序 中 的 任何 地 方 使 用 它 ， 
而 只 是 在 transducing 的 过 程 中 使 用 它 


回 到 第 5 章 ， 我 们 定义 纯 函数 来 减少 副作用 的 目标 只 是 限制 在 应 用 的 API 层级 。 对 于 底层 
现 ， 只 要 没有 违反 对 外 部 是 纯 函 数 ， 就 可 以 在 函数 内 为 了 性 能 而 变 得 不 纯 。 


listcombination(,.) 更 多 的 是 转换 的 内 部 实现 细节 。 实 际 上 ， 它 通常 由 transducing 库 提 
供 |! 而 不 是 你 的 程序 中 进行 交互 的 顶层 方法 。 


底线 : 我 认为 其 至 使 用 listcombination(..) 的 性 能 最 优 但 是 不 纯 的 版 本 也 是 完全 可 以 接受 
的 。 只 要 确保 你 用 代码 注释 记录 下 它 不 纯 即 可 | 
可 选 的 组 合 


到 目前 为 止 ， 这 是 我 们 用 转换 所 得 到 的 : 


words 

.reduce( transducer( listCombination ), [] ) 
.reduce( strConcat, "" ); 

VA 


这 已 经 非常 棒 了 ， 但 是 我 们 还 藏 着 最 后 一 个 的 技巧 。 坦 白 来 说 ， 我 认为 这 部 分 能 够 让 你 迄今 
为 止 付出 的 所 有 努力 变 得 值得 


0° 


我 们 可 以 用 某 种 方式 实现 只 用 一 个 reduce(..) 来 “组 合 "这 两 个 reduce(..) 吗 ? 不 幸 的 是 ， 
我 们 并 不 能 将 strconcat(..) 添加 到 compose(..) 调用 中 ; 它 的 "形状 "不 适用 于 那个 组 合 。 


但 是 让 我 们 来 看 下 这 两 个 功能 


Functaon streoncat(strLi str2) G0 returnester ir Str2, 


function listCombination(list,val) { list.push( val ); return list; } 


如 果 你 用 心 观察 ， 可 以 看 出 这 两 个 功能 是 如 何 互 换 的 。 它 们 以 不 同 的 数据 类 型 运行 ， 但 在 概 
念 上 它们 也 是 一 样 的 : 将 两 个 值 组 合成 一 个 。 


换 名 话说 ， strconcat(..) 是 一 个 组 合 函 数 |! 


这 意味 着 如 果 我 们 的 最 终 目标 是 获得 字符 串 连 接 而 不 是 数组 ， 我 们 就 可 以 用 它 代替 


listCcombination(..) 


words.reduce( transducer( strConcat ), "" ); 
J EA 


Boom ! 这 就 是 transducing。 
已 
取 后 


深 吸 一 口气 ， 确 实 有 很 多 要 消化 。 


放空 我 们 的 大 脑 ， 让 我 们 把 注意 力 转 移 到 如 何在 我 们 的 程序 中 使 用 转换 ， 而 不 是 关心 它 的 工 
作 原 理 。 


回想 起 我 们 之 前 定义 的 辅助 函数 ， 为 清楚 起 见 ， 我 们 重新 命名 一 下 : 


var transduceMap = curry( function mapReducer(mapperFn,combinationFn)t{ 
peturn tunctrionreducern(Lise vt 
return combinationFn( list, mapperFn( v ) ); 
}; 
} ); 


var transduceFilter = curry( function filterReducer(predicateFn,combinationFn)t{ 
return function reducer (list,v){ 
If (predicateFn( v )) return combinationFn( list, v ); 
return list; 
}; 
} ); 


还 记得 我 们 这 样 使 用 它们 : 


var transducer = composel( 
transduceMap( strUppercase )， 
transduceFilter( isLongEnough )， 
transduceFilter( isShortEnough ) 


y 


transducer(..) 仍然 需要 一 个 组 合 函 数 (如 listcombination(..) 或 strconcat(..) ) 来 产 
生 一 个 传递 给 reduce(..) (连同 初始 值 ) 的 transduce-reducer 函数 。 


但 是 为 了 更 好 的 表达 所 有 这 些 转换 步骤 ， 我 们 来 做 一 个 transduce(..) 工具 来 为 我 们 做 这 些 
步骤 : 


function transduce(transducer,combinationFn,initialValue,1list) { 
var reducer = transducer( combinationFn ); 
return list.reduce( reducer, initialValue ); 


这 是 我 们 的 运行 示例 ， 梳 理 如 下 : 


var transducer = compose( 
transduceMap( strUppercase )， 
transduceFilter( isLongEnough )， 
transduceFilter( isShortEnough ) 


由 


transduce( transducer, listCombination, [], words ); 
// ["WRITTEN","SOMETHING"] 


transduce( transducer, strConcat, "", words ); 
XA 人 


不 错 ， 吧 | 看 到 listCombination(..) 和 strCconcat(..) 函数 可 以 互 换 使 用 组 合 函 数 了 吗 ? 


Transducers.js 


最 后 ， 我 们 来 说 明 我 们 运行 的 例子 ， 使 用 sensors-js 库 (https://github.com/cognitect- 
labs/transducers-js ) 


var transformer = transducers.comp( 
transducers.map( strUppercase )， 
transducers.filter( isLongEnough ), 
transducers.filter( isShortEnough ) 


» 


transducers.transduce( transformer, listCombination, [], words ); 
// ["WRITTEN","SOMETHING"] 


transducers,transduce( transformer, strConcat, "", words ); 
// WRITTENSOMETHING 


看 起 来 几乎 与 上 述 相同 。 


注意 : 上 面 的 代码 段 使 用 transformers.comp(..) ， 因 为 这 个 库 提供 这 个 API， 但 在 这 种 情 
况 下 ， 我 们 从 第 4 章 的 compose(..) 也 将 产生 相同 的 结果 。 换 多 话说 ， 组 合 本 身 不 是 
transducing 敏感 的 操作 。 


该 片段 中 的 组 合 函数 被 称 为 transformer ， 而 不 是 transducer 。 那 是 因为 如 果 我 们 直接 调 
用 transformer(listCombination) ( 或 transformer(strConcat) ) ， 那 么 我 们 不 会 像 以 前 前 那样 
得 到 一 个 直观 的 transduce-reducer 元 数 。 


transducers.map(..) 和 transducers.filter(..,) 是 特殊 的 辅助 函数 ， 可 以 将 常规 的 断言 函 
数 或 映射 函数 转换 成 适用 于 产生 特殊 变换 对 象 的 函数 (里 面包 含 了 reducer 函数 ) ; 这 个 库 
使 用 这 些 变 换 对 象 进行 转换 。 此 转换 对 象 抽象 的 额外 功能 超出 了 我 们 将 要 探索 的 内 容 ， 请 参 
阅 该 库 的 文档 以 获取 更 多 信息 。 


由 于 transformer(..) 产生 一 个 变换 对 象 ， 而 不 是 一 个 典型 的 二 元 transduce-reducer 函数 ， 
该 库 还 提供 toFn(..) 来 使 变换 对 象 适 应 本 地 数组 的 reduce(..) 方法 : 


words.reduce( 
transducers,toFn( transformer, strConcat ), 


让 
// WRITTENSOMETHING 


into(..) 是 另 一 个 提供 的 辅助 函数 ， 它 根据 指定 的 空 /初始 值 的 类 型 自动 选择 默认 的 组 合 函 
数 : 


transducers.into( [], transformer, words ); 
// ["WRITTEN","SOMETHING"] 


transducers.into( "", transformer, words ); 


// WRITTENSOMETHING 


当 指 定 一 个 空 数组 [] 时 ， 内 部 的 transduce(..) 使 用 一 个 默认 的 函数 实现 ， 这 个 函数 就 像 
我 们 的 listcombination(..) 。 但 是 当 指 定 一 个 空 字符 串 “” 时 ， 会 使 用 像 我 们 的 
strconcat(..) 这 样 的 方法 。 这 很 酷 | 


如 你 所 见 ， transducers- js 库 使 转换 非常 简单 。 我 们 可 以 非常 有 效 地 利用 这 种 技术 的 力量 ， 
而 不 至 于 陷入 定义 所 有 这 些 中 间 转 换 器 生产 工具 的 繁琐 过 程 中 去 。 


泛 结 


名 


1 


Transduce 就 是 通过 减少 来 转换 。 更 具体 点 ，transduer 是 可 组 合 的 reducer。 


我 们 使 用 转换 来 组 合 相 邻 的 map(..) 、 filter(..) 和 reduce(..) 操作 。 我 们 首先 将 
map(..) 和 filter(..) 表示 为 reduce(..) ， 然后 后 抽象 出 常 用 的 组 合 操 作 来 创 | 建 一 个 容 多 组 
合 的 一 致 的 reducer 生成 函数 。 


transducing 主要 提高 性 能 ， 如 果 在 延迟 序列 ( 蜡 步 observables) 中 使 用 ， 则 这 一 点 尤为 明 


显 。 


但 是 更 广泛 地 说 ，transducing 是 我 们 针对 那些 不 能 被 直接 组 合 的 函数 ， 使 用 的 一 种 更 具 声 明 
式 风格 的 方法 。 否 则 这 些 函数 将 不 能 直接 组 合 。 。 这 个 技术 能 像 使 用 本 书 中 的 所 有 其 
他 技术 一 样 用 的 恰到好处 ， 代 码 就 会 显得 更 清晰 ， 更 易 读 ! 使 用 transducer 进行 单 次 
reduce(..) 调用 比 追 踪 多 个 reduce(..) 调用 更 容易 理解 。 


附录 A : Transducing 
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附录 B: 谦虚 的 Monad 


首先 ， 我 坦白 : 在 开始 写 以 下 内 容 之 前 我 并 不 太 了 解 Monad 是 什么 。 我 为 了 确认 一 些 事情 而 
犯 了 很 多 错误 。 如 果 你 不 相信 我 ， 去 看 看 这 本 书 Git 仓库 中 关于 本 章 的 提交 历史 吧 | 


Monac Oe me 寸 程 一 样 ， 每 个 开发 者 在 学 习 函 数 
式 编程 的 旅程 中 都 会 经 历 这 个 部 分 


尽管 其 他 函数 式 编程 的 著作 差不多 都 把 Monad 作为 开始 ， 而 我 们 却 只 对 它 做 了 简要 说 明 ， 并 
基本 以 此 结束 本 书 。 在 轻 量 级 函数 式 编程 中 我 确实 没有 遇 到 太 多 需要 仔细 考虑 Monad 问 
题 ， 这 就 是 本 文 更 有 价值 的 原因 。 但 是 并 不 是 说 Monad 是 没 用 的 或 者 是 不 普遍 
相反 ， 它 很 有 用 ， 也 很 流行 


合 恰 





pe 笑话 ， 几 乎 每 个 人 都 不 得 不 在 他 们 的 文章 或 者 博客 里 写 Monad 是 什 
， 把 它 擒 出 来 写 就 像 是 一 个 仪式 。 在 过 去 的 几 年 里 ， 人 们 把 Monad 描述 为 卷 饼 、 洋 区 和 各 
nn 


一 个 Monad 仅仅 是 自 函 子 (endofunctor) 范畴 中 的 一 个 monoid 


我 们 引用 这 和 句 话 来 开场 ， 所 以 把 话题 转 到 这 个 引言 上 面 似乎 是 很 合适 的 。 可 是 才 不 会 这 样 ， 
我 们 不 会 讨论 Monad 、endofunctor 或 者 范畴 论 。 这 名 引言 不 仅 故 弄 玄 虚 而 且 华 而 不 实 。 





我 只 希望 通过 我 们 的 讨论 ， J Monad 这 个 术语 或 者 这 个 概念 了 一 一 我 曾经 怕 了 很 
0 上 并 在 看 到 该 术语 时 知道 它 是 什么 。 你 可 能 ， 也 只 是 可 能 ， 会 正确 地 使 用 到 它 

们 。 

类 型 


在 函数 式 编程 中 有 一 个 巨大 的 兴趣 领域 : 类 型 论 ， 本 书 基本 上 完全 远离 了 该 领域 。 我 不 会 深 
入 到 类 型 论 ， 坦 白 的 说 ， 我 没有 深入 的 能 力 ， 即 使 干 了 也 吃力 不 讨好 。 


但 是 我 要 说 ，Monad 基本 上 是 一 个 值 类 型 。 


数字 42 有 一 个 值 类 型 (number) ， 它 带 有 我 们 依赖 的 特征 和 功能 。 字 符 串 "42" 可 能 看 
起 来 很 像 ， 但 是 在 编程 里 它 有 不 同 的 用 途 。 


在 面向 对 象 编程 中 ， 当 你 有 一 组 数据 (甚至 是 一 个 单独 的 离散 值 ) ， 并 且 想 要 给 它 绑 上 一 些 
pe ， 那么 你 将 创建 一 个 对 象 或 者 类 来 表示 "type"。 接 着 实例 就 成 了 该 类 型 的 一 员 。 这 种 做 法 
常 被 称 为 “数据 结构 "。 


我 将 会 非常 宽泛 的 使 用 数据 结构 这 个 概念 ， 而 且 我 断定 ， 当 我 们 在 编程 中 为 一 个 特定 的 值 定 
义 一 组 行为 以 及 约束 条 件 ， 并 且 将 这 些 特征 与 值 一 起 绑 定 在 一 个 单一 抽象 概念 上 时 ， 我 们 可 
能 会 觉得 很 有 有 用。 这样 ， 当 我 们 在 编程 中 使 用 一 个 或 多 个 这 种 值 的 时 候 ， 它 们 的 行为 会 自然 
的 出 现 ， 并 且 会 使 它们 更 方便 的 工作 。 方 便 的 是 ， 对 你 的 代码 的 读者 来 说 ， 是 更 有 描述 性 和 
声明 性 的 。 


Monad 是 一 种 数据 结构 。 是 一 种 类 型 。 它 是 一 组 使 处 理 某 个 值 变 得 可 预测 的 特定 行为 。 


回顾 第 8 章 ， 我 们 谈 到 了 函 子 (functor) : 包括 一 个 值 和 一 个 用 来 对 构成 函 子 的 数据 执行 操 
作 的 类 map 实用 函数 。Monad 是 一 个 包含 一 些 额外 行为 的 函 子 (functor) 。 


松散 接口 


实际 上 ，Monad 并 不 是 单一 的 数据 类 型 ， 它 更 像 是 相关 联 的 数据 类 型 集合 。 它 是 一 种 根据 不 
同 值 的 需要 而 用 不 同方 式 实现 的 接口 。 每 种 实现 都 是 一 种 不 同类 型 的 Monad。 


例如 ， 你 可 能 阅读 "ldentity Monad"、"IO Monad"、"Maybe Monad"、"Either Monad" 或 其 他 
形形色色 的 字眼 。 他 们 中 的 每 一 个 都 有 基本 的 Monad 行为 定义 ， 但 是 它 根据 每 个 不 同类 型 的 
Monad 用 例 来 继承 或 者 重 写 交互 行为 。 


可 是 它 不 仅仅 是 一 个 接口 ， 因 为 它 不 只 是 使 对 象 成 为 Monad 的 某 些 API 方法 的 实现 。 对 这 些 
方法 的 交互 的 保障 是 必须 的 ， 是 monadic 的 。 这 些 众 所 周知 的 常量 对 于 使 用 Monad 提高 可 
读 性 是 至 关 重 要 的 ; 另外 ， 它 是 一 个 特殊 的 数据 结构 ， 读 者 必须 全 部 阅读 才能 明白 。 


事实 上 ， 这 些 Monad 方法 的 名 字 和 引 实 接口 授权 的 方式 甚至 没有 一 个 统一 的 标准 ; Monad 
更 像 是 一 个 松散 接口 。 有 些 人 称 这 些 方法 为 bind(..) ,有 些 称 它 为 ”chain(..) ， 还 有 些 称 它 
为 flatMap(..) ， 等 等 。 

所 以 ，Monad 是 一 个 对 象 数据 结构 ， 并 且 有 充足 的 方法 (几乎 任何 名 称 或 排序 ) ， 至 少 满足 
了 Monad 定义 的 主要 行为 需求 。 每 一 种 Monad 都 基于 最 少数 量 的 方法 来 进行 不 同 的 扩展 。 
但 是 ， 因 为 它们 在 行为 上 都 有 重合 ， 所 以 一 起 使 用 两 种 不 同 的 Monad 仍然 是 直截了当 和 可 控 
的 。 


从 某 种 意义 上 说 ，Monad 更 像 是 接口 。 


Maybe 


在 函数 式 编程 中 ， 像 Maybe 这 样 涵盖 Monad 是 很 普遍 的 。 事 实 上 ，Maybe Monad 是 另外 两 
个 更 简单 的 Monad 的 搭配 : Just 和 Nothing 。 


既然 Monad 是 一 个 类 型 ， 你 可 能 认为 我 们 应 该 定义 Maybe 作为 一 个 要 被 实例 化 的 类 。 这 虽 
然 是 一 种 有 效 的 方法 ， 但 是 它 引 入 了 this 绑 定 的 问题 ， 所 以 在 这 里 我 不 想 讨论 ; 相反 ， 我 
打算 使 用 一 个 简单 的 函数 和 对 象 的 实现 方式 。 


以 下 是 Maybe 的 最 简单 的 实现 : 
var Maybe = { Just，Nothing，of/* 又 称 : unit，pure */: Just }; 


function Just(val) { 
return { map, chain, ap, inspect }; 


// 玉 尖 类 类 火光 火炎 火 凡 炎炎 炎炎 交火 类 粹 次 次 尖 


function map(fn) { return Just( fn( val ) ); } 

// 又 称 :bind, flatMap 

function chain(fn) { return fn( val ); } 

function ap(anotherMonad) { return anotherMonad.map( val ); } 


Functron anspect( ye 
mewurmn ust(Pval 


} 


function Nothing() { 
return { map: Nothing, chain: Nothing, ap: Nothing, inspect }; 


functron nspecte() dt 
return "Nothing"; 


} 


注意 : inspect(..) 方法 只 用 于 我 们 的 示例 中 。 从 Monad 的 角度 来 说 ， 它 并 没有 任何 意 
义 o 


如 果 现 在 大 部 分 都 没有 意义 的 话 ， 不 要 担心 。 我 们 将 会 更 专注 的 说 明 我 们 可 以 用 它 做 什么 ， 
而 不 是 过 多 的 深入 Monad 背后 的 设计 细节 和 理论 。 


所 有 的 Monad 一 样 ， 任 何 含有 Just(..) 和 Nothing() 的 Monad 实例 都 有 

map(..) 、 chain(..) (也 叫 bind(..) 或 者 flatMap(..) ) 和 ap(..) 方法 。 这 些 方法 及 
其 行为 的 目的 在 于 提供 多 个 Monad 实例 一 起 工作 的 标准 化 方法 。 你 将 会 注意 到 ， 无 论 
Just(..) 实例 拿 到 的 是 怎样 的 一 个 val 值 ， Just(..) 实例 都 不 会 去 改变 它 。 所 有 的 方法 
都 会 创建 一 个 新 的 Monad 实例 而 不 是 改变 它 。 


Maybe 是 这 两 个 Monad 的 结合 。 如 果 一 个 值 是 非 空 的 ， 它 是 Just(.,.) 的 实例 ; 如 果 该 值 是 
室 的 ， 它 则 是 Nothing() 的 实例 。 注 意 ， 这 里 由 你 的 代码 来 决定 " 空 " 的 意思 ， 我 们 不 做 强制 
限制 。 下 一 节 会 详细 介绍 这 一 点 。 

但 是 Monad 的 价值 在 于 不 论 我 们 有 Just(..) 实例 还 是 Nothing() 实例 ， 我 们 使 用 的 方法 
都 是 一 样 的 。 Nothing() 实例 对 所 有 的 方法 都 有 空 操作 定义 。 所 以 如 果 Monad 实例 出 现在 
Monad 操作 中 ， 它 就 会 对 Monad 操作 起 短路 (short-circuiting) 作用 。 


Maybe 这 个 抽象 概念 的 作用 是 隐 式 地 封装 了 操作 和 无 操作 的 二 元 性 。 


与 众 不 同 的 Maybe 


JavaScript Maybe Monad 的 许多 实现 都 包含 null 和 undefined 的 检查 (通常 在 
map(..) 中 ) ， 如 果 是 空 的 话 ， 就 跳 过 该 Monad 的 特性 行为 。 事 实 上 ，Maybe 被 声称 是 有 价 
值 的 ， 因 为 它 自动 地 封装 了 空 值 检查 得 以 在 某 种 程度 上 短路 了 它 的 特性 行为 。 


这 是 Maybe 的 典型 说 明 : 


// 代替 不 稳定 的 “console,.1og( some0bj.something.else.entirely ) 


Maybe ,of( some0bj ) 

.map( prop( "something" ) ) 
.map( prop( "else" ) ) 
.map( prop( "entirely" ) ) 
.map( console,1og ); 


换 名 话说， 如果 我 们 在 链 式 操作 中 的 任何 一 环 得 到 一 个 null 或 者 undefined 值 ，Maybe 
会 智能 的 切换 到 空 操作 模式 它 现 在 是 一 个 Nothing() Monad 实例 ! 一 一 把 剩余 的 链 式 
操作 都 停止 掉 。 如 果 一 些 属性 丢失 或 者 是 空 的 话 ， 嵌 套 的 属性 访问 能 安全 的 抛 出 JS 出 常 。 这 
是 非常 酷 的 而 且 很 实用 。 





但 是 ， 我 们 这 样 实现 的 Maybe 不 是 一 个 纯 Monad 。 





Monad 的 核心 思想 是 ， 它 必须 对 所 有 的 值 都 是 有 效 的 ， 不 能 对 值 做 任何 检查 甚至 是 空 值 
检查 。 所 以 为 了 方便 ， 这 些 其 他 的 实现 都 是 走 的 捷径 。 这 是 无 关 紧 要 的 。 但 是 当 学 习 一 些 东 


西 的 时 候 ， 你 应 该 先 学 习 它 的 最 纯粹 的 形式 ， 然 后 再 学 习 更 复杂 的 规则 。 


我 早期 提供 的 Maybe Monad 的 实现 不 同 于 其 他 的 Maybe， 就 是 它 没有 空置 检查 。 另 外 ， 我 
们 将 Maybe 作为 Just(..) 和 Nothing() 的 非 严格 意义 上 的 结合 。 


等 一 下 ， 如 果 我 们 没有 自动 短路 ， 那 Maybe 是 怎么 起 作用 的 呢 ? 了 1 ? 这 似乎 就 是 它 的 全 部 意 
义 o 


不 要 担心 ， 我 们 可 以 从 外 部 提供 简单 的 空 值 检查 ，Maybe Monad 其 他 的 短路 行为 也 还 是 可 以 
很 好 的 工作 的 。 你 可 以 在 之 前 做 一 些 someobj.something.else.entirely 属性 襄 套 ， 但 是 我 们 
可 以 做 的 更 “正确 ”: 


function isEmpty(val) { 
return val === null || val === undefined; 


} 


var safeProp = curry( function saf yp (prop, obj ){ 
If (isEmpty( obj[prop] )) return Re 
return Maybe.of( obj[prop] ); 


yy 


Maybe.of( some0bj ) 

.Cchain( safeProp( "something" ) ) 
.chain( safeProp( "else" ) ) 
.Cchain( safeProp( "entirely" ) ) 
‘map( console,1og ); 


我 们 设计 了 一 个 用 于 空 值 检查 的 ”safeProp(..) 函数 ， 并 选择 了 Nothing() Monad 实例 。 或 
者 把 值 包 装 在 Just(..) 实例 中 (通过 Maybe.of(..) ) 。 ne chain(..) 替代 
map(..) ， 它 知道 如 何 “展开 ” safeProp(..) 返回 的 Monad 。 


当 遇 到 空 值 的 时 候 ， 我 们 得 到 了 一 连 串 相同 的 短路 。 只 是 我 们 把 这 个 逻辑 从 Maybe 中 排除 


We 哪 种 类 型 的 Monad， 我 们 的 map(..) 和 rr .) 方法 都 有 不 变 且 可 预测 的 反 
这 就 是 Monad， 尤 其 是 Maybe Monad 的 好 处 。 这 难道 不 酷 吗 ? 


Humble 





ea Maybe 和 它 的 作用 有 了 更 多 的 了 解 ， 我 将 会 在 它 上 面 加 一 些小 的 改动 我 将 
过 设计 Maybe + Humble Monad 来 添加 一 些 转折 并 且 加 一 些 该 谐 的 元 素 。 从 技术 上 来 
， ， Humble(..) 并 不 是 一 个 Monad， 而 是 一 个 产生 Maybe Monad 实例 的 工厂 函数 。 


Humble 是 一 个 使 用 Maybe 来 跟踪 egoLevel 数字 状态 的 数据 结构 包装 器 。 具 体 来 

说 ， Humble(..) 只 有 在 他 们 自身 的 水 平 值 足够 低 ( 少 于 42 ) | 纺 全 办 Humble 的 时 候 才 
会 执行 生成 的 Monad 实例 ; 否则 ， 它 就 是 一 个 Nothing() 空 操作 。 这 听 起 来 真 的 和 Maybe 
很 像 ! 


这 是 一 个 Maybe + Humble Monad 工厂 函数 : 


function Hum es 
// 接收 任何 大 于 等 于 42 的 数字 
return !(Number( el ) >= 42) ? 
Maybe.of( egoLevel ) : 
Maybe.Nothing(); 


你 可 能 会 注意 到 ， 这 个 工厂 函数 有 点 像 safeProp(..) ， 因 为 ， 它 使 用 一 个 条 件 来 决定 是 选择 


Maybe 的 Just(..) 还 是 Nothing() 。 


让 我 们 来 看 一 个 基础 用 法 的 例子 : 


var bob = Humble( 45 ); 
var alice = Humble( 39 ); 


bob.inspect(); // Nothing 
alice.inspect(); /A JusE(39) 


如 果 Alice 赢得 了 一 个 大 奖 ， 现 在 是 不 是 在 为 自己 感到 自豪 呢 ? 


function winAward(ego) { 
return Humble( ego + 3 ) 


} 


alice = alice.chain( winAward ); 
alice.inspect(); // Nothing 


Humble( 39 + 3 ) 创建 了 一 个 chain(.,) 返回 的 Nothing() Monad 实例 ， 所 以 现在 Alice 
不 再 有 Humble 的 资格 了 。 


现在 ， 我 们 来 用 一 些 Monad : 


var bob = Humble( 41 ); 
var alice = Humble( 39 ); 


var teamMembers = curry( function teamMembers(ego1,ego2){ 
console.log( ‘Our humble team's egos: ${ego1} ${ego2} ); 
} ); 


bob.map( teamMembers ).ap( alice ); 
// Humble 队列 : 41 39 


由 于 teamMembers(..) 是 柯 里 化 的 ，bob.map(..) 的 调用 传 入 了 bob 自身 的 级 别 ( 41 ) ， 
并 且 创 建 了 一 个 被 其 余 的 方法 包装 的 Monad 实例 。 在 这 个 Monad 中 调用 的 ap(alice) 调 
用 了 alice.map(..) ， 并 且 传 递 给 来 自 Monad 的 函数 。 这 样 做 的 效果 是 ，Monad 的 值 已 经 
提供 给 了 teamMembers(..) 函数 ， 并 且 把 显示 的 结果 给 打印 了 出 来 。 


然而 ， 如 果 一 个 Monad 或 者 两 个 Monad 实际 上 是 Nothing() 实例 (因为 它们 本 身 的 水 平 值 
大 高 了 ) 


var frank = Humble( 45 ); 
bob.map( teamMembers ).ap( frank ); 


frank.map( teamMembers ) .ap( bob ); 


teamMembers(..) 远 不 会 被 调用 (也 没有 信息 被 打印 出 来 ) ， 因 为 ，frank 是 一 个 
Nothing() 实例 。 这 ; ee Maybe monad 的 作用 ， 我 们 的 Humble(..) 工厂 函数 允许 我 们 根 
据 自 身 的 水 平 来 选择 。 赞 ! 


Humility 
再 来 一 个 例子 来 说 明 Maybe + Humble 数据 结构 的 行为 : 


funetron neroduetromOe 
consolesliog( rE must anlearmnmer lnkenyou nD 0; 


var egoChange = curry( function egoChange(amount,concept,egoLevel) { 
console.log( ‘${amount > 0 ? "Learned" : "Shared"} ${concept}.™ ); 
return Humble( egoLevel + amount ); 


} ); 
var learn = egoChange( 3 ); 
var learner = Humble( 35 ); 


learner 

.Cchain( learn( "closures" ) ) 
“charmG@ Learm( sude efftects ) 硕 ) 
.chain( learn( "recursion" ) ) 
,Chain( learn( "map/reduce" ) ) 
.map( introduction ); 


不 幸 的 是 ， 学 习 过 程 看 起 来 已 经 缩短 了 。 我 发 现 学 习 一 大 扒 东 西 而 不 和 别人 分 享 ， 会 使 自我 
大 膨胀 A 


让 我 们 尝试 一 个 更 好 的 方法 : 


var share = egoChange( -2 ); 


learner 

.Cchain( learn( "closures" ) ) 
,Chain( share( "closures" ) ) 
.Cchain( learn( "Slide effects" ) ) 
:chain( sharel( “side effects®” ) ) 
.Cchain( learn( "recursion" ) ) 
,Chain( share( "recursion" ) ) 
.Cchain( learn( "map/reduce" ) ) 
,Chain( share( "map/reduce" ) ) 
.map( introduction ); 

// 学 习 闭 包 
J e 
/7 
We 
7S 











// 学 习 map/reduce 
享 map/reduce 





在 学 习 中 分 享 。 是 学 习 更 多 并 且 能 够 学 的 更 好 的 最 佳 方法 。 


说 了 这 么 多 ， 那 什么 是 Monad ? 
Monad 是 一 个 值 类 型 ， 一 个 接口 ， 一 个 有 封装 行为 的 对 象 数 据 结构 。 


但 是 这 些 定义 中 没有 一 个 是 有 用 的 。 这 里 尝试 做 一 个 更 好 的 解释 : Monad 是 一 个 用 更 具有 上 声 
明 式 的 方式 围绕 一 个 值 来 组 织 行为 的 方法 。 


和 这 本 书 中 的 其 他 部 分 一 样 ， 在 有 用 的 地 方 使 用 Monad， 不 要 因为 每 个 人 都 在 函数 式 编程 中 
讨论 他 们 而 使 用 他 们 。Monad 不 是 万 金 油 ， 但 它 确实 提供 了 一 些 有 用 的 实用 函数 。 


JavaScript 轻 量 级 函数 式 编程 


附录 C : 元 数 式 编程 函数 库 


如 果 您 已 经 从 头 到 尾 通读 了 此 书 ， 请 花 一 分 钟 的 时 间 停 下 来 回顾 一 下 从 第 1 章 到 现在 的 收 
获 。 相 当 漫 长 的 一 段 旅程 ， 不 是 吗 ? 希望 您 已 经 收获 了 大 量 新 知识 ， 并 用 函数 式 的 方式 思考 
你 的 程序 。 

在 本 书 即 将 完结 时 ， 我 想 给 你 提供 一 些 关 于 使 用 官方 函数 式 编程 库 的 快速 指南 。 注 意 这 


并 不 是 一 个 详细 的 文档 ， 而 是 将 你 在 结束 “ 轻 量 级 函数 式 编程 ” - 的 函数 式 编程 时 应 该 
注意 的 东西 快速 梳理 一 下 。 


如 果 有 可 能 ， 我 建议 你 不 要 做 重新 造 轮子 这 样 的 事情 。 如 果 你 找到 了 一 个 能 满足 你 需求 的 函 
数 式 编程 函数 库 ， 那 么 用 它 就 对 了 。 只 有 在 你 实在 找 不 到 合适 的 库 来 应 对 你 面临 的 问题 时 ， 
才 应 该 使 用 本 书 提供 所 





目录 


在 本 书 第 1 章 曾 列 出 了 一 个 函数 式 编程 库 的 列表 ， 现 在 我 们 来 扩展 这 个 列表 。 我 们 不 会 涉及 
所 有 的 库 (它们 之 中 有 许多 重复 的 内 容 ) ， 但 下 面 这 些 你 应 该 有 所 关注 : 


。 Ramda : 通用 函数 式 编程 实用 函数 

。 Sanctuary : 函数 式 编程 类 型 Ramda 伴 倡 

e。 lodash/fp : 通用 函数 式 编程 实 用 有 函数 

。 functional.js : 通用 函数 式 编程 实用 郊 数 

e Immutable : 不 可 变数 据 结构 

e Mori : (受到 ClojureScript 启发 ) 不 可 变数 据 结 构 
。 Seamless-Immutable : 不 可 变数 据 助手 

e tranducers-js : 数据 转换 器 

。 monet.js : Monad 类 型 


上 面 的 列表 只 列 出 了 所 有 函数 式 编程 库 的 一 小 部 分 ， 并 不 是 说 没有 在 列表 中 列 出 的 库 就 不 
好 ， 也 不 是 说 列表 中 列 出 的 就 是 最 佳 选择 ， 总 之 这 只 是 JavaScript 函数 式 编程 世界 中 的 一 
管 。 您 可 以 前 往 这 里 查看 更 完整 的 函数 式 编程 资源 。 


Fantasy Land (又 名 FL) 是 函数 式 编程 世界 中 十 分 重要 的 学 习 资 源 之 一 ， 与 其 说 它 是 一 个 
库 ， 不 如 说 它 是 一 本 百科 全 书 。 


Fantasy Land 不 是 一 份 为 初学 者 准备 的 轻 量 级 读物 ， 而 是 一 个 完整 而 详细 的 JavaScript 函数 
式 编程 路 线 图 。 为 了 尽 可 能 提升 互通 性 ，FL 已 经 成 为 JavaScript 函数 式 编程 库 遵 循 的 实际 标 
准 。 


Fantasy Land 与 “ 轻 量 级 泡 数 式 编程 "的 概念 相反 ， 它 以 火力 全 开 的 姿态 进军 JavaScript 的 元 
数 式 编程 世界 。 也 就 是 说 ， 当 你 的 能 力 超越 本 书 时 ，FL 将 会 成 为 你 接 下 来 前 进 的 方向 。 我 建 
议 您 将 其 保存 在 收藏 夹 中 ， 并 在 您 使 用 本 书 的 概念 进行 至 少 6 个 月 的 实战 练习 之 后 再 回来 。 


Ramda (0.23.0) 


摘自 Ramda 文档 : 
Ramda 函数 自动 地 被 柯 里 化 。 
Ramda 元 数 的 参数 经 过 优化 ， 更 便于 柯 里 化 。 需 要 被 操作 的 数据 往往 放 在 最 后 提供 。 


我 认为 合理 的 设计 是 Ramda 的 优势 之 一 。 值 得 注意 的 是 ，Ramda 的 柯 里 化 形式 (似乎 大 多 
数 的 库 都 是 这 种 形式 ) 是 我 们 在 第 3 章 中 讨论 过 的 “松散 柯 里 化 ”。 
第 3 章 的 最 后 一 个 例子 一 一 我们 定义 无 值 point-free) 工具 函数 printIf() 一 一 可 以 在 


Ramda 中 这 样 实现 : 


function output(msg) { 
console.log( msg ); 


} 


function isShortEnough(str) { 
return str.length <= 5; 


} 
var isLongEnough = R.complement( isShortEnough ); 
var printIf = R.partial( R.flip( R.when ), [output] ); 


var msg1 = "Hello"; 
var msg2 = msg1 + " World"; 


printIf( isShortEnough, msg1 ); /A HellLo 
printIf( isShortEnough, msg2 ); 


printIf( isLongEnough, msg1 ); 
printIf( isLongEnough, msg2 ); // Hello World 
与 我 们 在 第 3 章 中 的 实现 相 比 有 几 处 不 同 : 


e 我 们 使 用 R.complement(..) 而 不 是 not(..) 在 isShortEnough(..) 周围 新 建 一 个 否定 


函数 isLongEnough(..) ° 


e 使 用 R.flip(..) 而 不 是 reverseArgs(..) 函数 ， 值 得 一 提 的 是 ， Re fi 仅 交 换 头 
两 个 参数 ， 而 reverseArgs(..) 会 将 所 有 参数 反 向 9 在 这 种 情景 下 ” hulp() 更 加 方 
便 ， 所 以 我 们 不 再 需要 使 用 partialRight(..) 或 其 他 投机 取 巧 的 方式 进行 处 理 。 


©® R.partial(..) 所 有 的 后 续 参数 以 单个 数组 的 形式 存在 8 


e 因为 Ramda 使 用 松散 柯 里 化 ， 因 此 我 们 不 需要 使 用 R.uncurryN(..) 来 获得 一 个 包含 所 
有 参数 的 printIf(..) 。 如 果 我 们 这 样 做 了 ， 就 相当 于 使 用 R.uncurryN(2，..) 包 庄 
R.partial(..) 进行 调用 ， 这 是 完全 没有 必要 的 ° 


Ramda 是 一 个 受 欢迎 的 、 功 能 强大 的 库 。 如 果 你 想 要 在 你 的 代码 中 实践 FP， 从 Ramda 开始 
是 个 不 错 的 选择 。 


Lodash/fp (4.17.4) 


Lodash 是 整个 JS 生态 系统 中 最 受 欢迎 的 库 。Lodash 团队 发 布 了 一 个 “FP 友好 ”的 API 版 本 
— "lodash/fp"。 


在 第 8 章 中 2 我 们 讨论 了 合并 独立 列表 操作 ( map(-.) 、 filter(..) 以 及 reduce(..) ) S 
使 用 “lodash/fp” 时 ， 你 可 以 这 样 做 : 


Var sum = (x,y) => x + y; 
var double = x => x * 2; 
var isodd = x => x % 2 == 1; 


fp.compose( [ 
fp.reduce( sum )( 9 )， 
fp.map( double )， 
fp.filter( isOdd ) 
] ) 
( [1,2,3,4,5] ); pile 


与 我 们 所 熟知 的 _， 命 名 空间 前 缀 不 同 ，“lodash/fp" 将 fp， 定 义 为 其 命名 空间 前 级 。 我 发 现 
一 个 很 有 用 的 区 别 ， 就 是 fp， 比 _， 更 容易 识别 。 


注意 fp.compose(..) (在 常规 lodash 版 本 中 又 名 _.flowRight(..) ) 接受 一 个 函数 数组 ， 而 
不 是 独立 的 函数 作为 参数 。 


lodash 拥有 良好 的 稳定 性 、 广 泛 的 社区 支持 以 及 优秀 的 性 能 ， 是 你 探索 FP 世界 时 的 坚实 后 
盾 。 


Mori (0.3.2) 


在 第 6 章 中 ， 我 们 已 经 快速 浏览 了 一 下 Immutable.js 库 ， 该 库 可 能 是 最 广为人知 的 不 可 变数 
尼 结 构 库 了 


让 我 们 来 看 一 下 另 一 个 流行 的 库 : Mori。Mori 设计 了 一 套 与 众 不 同 (从 表面 上 看 更 像 函数 式 
编程 ) 的 API : 它 使 用 独立 的 函数 而 不 直接 在 值 上 操作 。 


var state = mori.vector( 1, 2, 3, 4 ); 


Var newState = mori.assoc( 
mori.into( state, Array.from( {length: 39} ) )， 
A 
"meaning of life" 


); 


state === newState; // false 

mori.get( state, 2 ); WS 

mori.get( state, 42 ); // undefined 
mori.get( newState, 2 ); AS 

mori.get( newState，42 ); meanamnognotnie 
mori.toJs( newState ).slice( 1, 3 ); oe 2s 


这 是 一 个 指出 关于 Mori 的 一 些 有 趣 的 事情 的 例子 


e 使 用 vector 而 不 是 list (你 可 能 会 想 用 的 ) ， 主 要 是 因为 文档 说 它 的 行为 更 像 
JavaScript 中 的 数组 。 


。 不 能 像 在 操作 原生 JavaScript 数组 那样 在 任意 位 置 设 置 值 ， 在 vector 结构 中 ， 这 将 会 抛 
出 异常 。 因 此 我 们 必须 使 用 mori.into(..) ， 传 入 一 个 合适 长 度 的 数组 来 扩展 vector 的 
度 。 在 上 例 中 ，vector 有 43 个 可 用 位 置 (4+ 39) ， 所 以 我 们 可 以 在 最 后 一 个 位 置 
(索引 为 42) 上 写 入 "meaning of life" 这 个 值 。 


e 使 用 mori,.into(..) 创建 一 个 较 大 的 vector， 再 用 mor.assoc(..) 根据 这 个 vector 创建 
另 一 个 vector 的 做 法 听 起 来 效率 低下 。 但 是 ， 不 可 变数 据 结构 的 好 处 在 于 数据 不 会 进行 
克隆 ， 每 次 "改变 发生 ， 新 的 数据 结构 只 会 追踪 其 与 加 数据 结构 的 不 同 之 处 。 


Mori 受到 ee 极 大 的 启发 。 如 果 您 有 ClojureScript 编程 经 验 ， 那 您 应 该 对 Mori 的 
API 感到 非常 熟悉 。 由 于 我 没有 这 种 编程 经 验 ， 因 此 我 感觉 Mori 中 的 方法 名 有 点 奇怪 。 


ee 接 调 用 方法 ， 我 点 的 很 喜欢 调用 独立 方法 这 样 的 设计 。Mori 还 有 一 些 自 
返回 原生 JavaScript 数组 的 方法 ， 用 起 来 非常 方便 。 


这 结 


Eck 


八 


JavaScript 不 是 作为 函数 式 编程 语言 来 特别 设计 的 。 不 过 其 自身 的 确 拥 有 很 多 对 函数 式 编程 
非常 友好 基础 语法 (例如 可 作为 变量 的 函数 、 闭 包 等 ) 。 本 章 提 及 的 库 将 使 你 更 方便 的 进行 
函数 式 编程 。 


有 了 本 书 中 函数 式 编程 概念 的 武装 ， 相 信 你 已 经 准备 好 开始 处 理 现实 世界 的 代码 了 。 找 一 个 
优秀 的 函数 式 编程 库 来 用 ， 然 后 练习 ， 练 习 ， 再 练习 。 


就 是 这 样 了 。 我 已 经 将 我 目前 所 知道 的 知识 分 享 给 你 了 。 Se 此 正 3 轻 
量 级 函数 式 编程 "程序 员 ! 好 了 ， 是 时 候 结 束 我 们 一 起 学 习 FP 这 部 分 的 “章节 ”了 ， 但 我 的 学 习 
之 旅 还 将 继续 。 我 希望 ， 你 也 是 ! 


